1、首先我们在Html，div和textarea控件中编写相应的代码，有一些文本内容。为了使它不换行，你可以直接添加一个样式。white-space： nowrap； 就是让文本不换行的样式。
网站建设、基于H5页面制作技术的Web开发、手机站开发、微信开发等互联网应用服务。创新互联公司始终关注着互联网行业的前沿动态，创新互联坚信：真诚的态度，勤奋的工作是我们赢得客户信赖的基础；而不断创新、力求完美，才是创新互联共同迈向美好未来的保证。
2、由于各个浏览器在样式方面都有一些差异，还有一种情况就是，向右浮动的元素宽度不够时也会出现换行的问题，这个时候只要修改宽度就可以解决。
3、DIV默认的显示方式是display：block，表示块区域，是会自动换行的，要不换行就需要改变它的显示方式，将其改为 display：inline； 即可。
4、先看下white-space：nowrap时的情况：不仅空格被合并，换行符无效，连原本的自动换行都没了！只有/br才能导致换行！所以这个值的表现还是挺简单的，我们可以理解为永不换行。
5、打开vscode，创建一个测试页面，在测试页面中，添加一个宽度=300px的div，同时添加div的红色边框。此处设置固定宽度和边框，是为了更好的演示换行与不换行。
6、让我想到一句广告词：Change your mind， Changed the world 文档流的关系，流向是向下。 宽度不同一行所能容纳的内容量不同，你拖动浏览器边缘改变大小就会发现这点。
首先nav也是在html5中新增的元素标签。同时和其它新增标签一样，nav在传统html5以前版本Html布局中作为导航条相关常用命名来使用。
新增的结构标签：header元素 表示页面中一个内容区块或真个页面的标题。hgroup元素 表示对真个页面或页面中的一个内容区块的标题进行组合。article元素 表示页面中一块与上下文不相关的独立内容。比如一篇文章。
新增的结构标签：header元素 表示页面中一个区块或真个页面的标题。内hgroup元素 表示对真个页面或页面中的容一个内容区块的标题进行组合。article元素 表示页面中一块与上下文不相关的独立内容。比如一篇文章。
html5新增标签大致如下：canvas 新元素 canvas 标签定义图形，比如图表和其他图像。
HTML5中新增标签较多，下面说几个常见的 article 定义外部的内容，外部内容可以是来自一个外部的新闻提供者的一篇新的文章，或者来自 blog 的文本，或者是来自论坛的文本。亦或是来自其他外部源内容。
html5新增标签如下：结构性标记结构性标记主要用来对页面结构进行划分，就像在设计网页时将页面分为导航、内容部分、页脚等，确保HTML文档的完整性。
h5是html的最新版本，是14年由w3c完成标准制定。增强了，浏览器的原生功能，减少浏览器插件（eg：flash）的应用，提高用户体验满意度，让开发更加方便。
他的主要属性有value和max。value表示当前进度条位置，max表示进度条的总共长度。time标签放时间的标签。初步接触html5的标签。给人的第一感觉就是望文知义。这个标签能够很容易让人记住。
footer元素 表示整个页面或页面中一个内容区块的脚注。一般来说，他会包含创作者的姓名、创作日期以及创作者的联系信息。HTML5新规则：新特性应该基于 HTML、CSS、DOM 以及 JavaScript。
Chrome 和 Safari 需要前缀 -webkit-。
由于各个浏览器在样式方面都有一些差异，还有一种情况就是，向右浮动的元素宽度不够时也会出现换行的问题，这个时候只要修改宽度就可以解决。
右对齐的元素会换行，这样就会出现左右元素不在同一条线上，我们可以通过以下方式来解决这个问题： 第一种解决办法：把左右对换，比如把日期放在标题的前面，对调一下就好了。 第二种解决办法：给左边也加上float：left。
你好，你在CSS里面，.main .gn2，表示在mian类里的gn2生效， 你的HTML代码里面并没有main类，所以css所有样式都没有选择成功，把css里的.main全都去掉，就可以在同一行了，下图是去掉.main后的效果。
HTML页面的标准文档流(默认布局)是：从上到下，从左到右，遇块(块级元素)换行。给元素的float属性赋值后，就是脱离文档流，进行左右浮动，紧贴着父元素(默认为body文本区域)的左右边框。
可以是强制换行，是带有横线划分的分行。也可以设置div为float浮动，设置好相应宽度也可以达到换行的效果。
