从换行到分段，HTML标签让你的网页设计游刃有余

说到HTML，你懂，这就是咱们平时说的网站制作代码。网页设计可没那么简单，不仅仅要考虑色彩搭配和图片放置，还要细致入微地调整字体尺寸、版面布局这些细节。尤其别小看那个不太显眼的换行，它在页面整体布局里可是起着举足轻重的作用！

使用

标签实现换行

说到HTML中怎么换行，那得提到

这个小玩意儿，就是帮你打字时换行的神器听懂没？也就是说，有了它，随便啥时候想换行都行，根本不用在意那些乱七八糟的闭标签啥的。那怎么使？其实特简单，想换行的时候顺手加个符号就成。

，然后刷新浏览器，看看效果。

这是一行文字

这是另一行文字

你看，加了

之后，这两句话就分别显示在不同的行上了。简单？嘿嘿。

标签分段

再说一种换行方法，那就是用

这个小宝贝就是给单独的文本添出空隙、处理分行的好助手！简而言之，就是把整句话变成可以转换成 HTML 元素的单篇章。

这是第一段文字

这是第二段文字

试下这个，假如你把这段代码放入网页浏览器，那么那俩句语言就能自己分家，每个都有各自的段落。你明白我说的吗?

使用<div>标签封装

别光以为我说了上边那两招，其实你会用标签就可以换行了，啥叫”容器标签”？就是让好几个HTML元素挤到一块儿去，不怕搞混。

这是一段文字

这是另一段文字

这个小小代码完成后，你就能在电脑上眼见浏览器中的两句变成两行！绝对实用对？

使用CSS样式

聊聊CSS，这玩意儿就是让网页变美美的神器随心所欲地调调网页的样子，甚至可以自由控制版面布局。而且如果你想在HTML中搞个段落颜色区分啥的，CSS也能帮你搞定！

p{

white-space: pre-line;

white-space: pre-line;

}

这是第一行

这是第二行

看懂没有？这个CSS把 white-space改成pre-line后，刷新页面你就看到，换行还保持着，那些多余的空格和制表都没。酷！

这里有四招帮你搞定 HTML 里的换行！在弄网页的时候别忘关注布局和字号，让页面美观易读才是王道！