如何在文本中换行使用 CSS 标记？

在网页开发中，有时需要在文本中加入换行符，以保证内容的排版美观。本文将介绍在文本中使用 CSS 标记实现换行的几种方式。

使用 <br> 标记

最简单也是最常用的一种方式是使用 <br> 标记。<br> 标记是一个单标记（self-closing tag），表示换行。在文本中插入 <br> 标记即可换行。

This is the first line.<br>
This is the second line.

上述代码将输出：

This is the first line.

This is the second line.

使用 CSS 的 white-space 属性

CSS 的 white-space 属性也可用于控制文本的换行。通过设置 white-space 属性值为 pre 或 pre-wrap，使文本保留原始格式，不会忽略换行符。

<div style="white-space: pre;">
    This is the first line.
    This is the second line.
</div>

上述代码将输出：

This is the first line. This is the second line.

使用 CSS 的 word-wrap 属性

CSS 的 word-wrap 属性也可用于控制文本的换行。通过设置 word-wrap 属性为 break-word，当单词太长时自动换行，同时保留原始格式，不会忽略换行符。

<div style="word-wrap: break-word;">
    This is the first line. ThisIsAVeryLongWordThatShouldBeBrokenIntoMultipleLines.
</div>

上述代码将输出：

This is the first line. ThisIsAVeryLongWordThatShouldBeBrokenIntoMul tipleLines.

总结

以上是在文本中使用 CSS 标记实现换行的几种方式。其中，使用 <br> 标记是最为常用的方式，而 white-space 属性和 word-wrap 属性则可用于更为灵活的换行要求。