换行 HTML

在 HTML 中，我们可以使用不同的标记和属性来控制文本和元素的样式和布局。当我们需要在 HTML 中进行换行时，有几种方法可供选择。

使用
标记

使用
标记是最简单的方法来换行，它会在 HTML 中插入一个换行符。

这是第一行<br>
这是第二行

这将产生以下输出：

这是第一行 这是第二行

使用 CSS 样式

我们可以使用 CSS 样式来控制元素的布局，包括换行。其中最常用的属性是 display 和 white-space。

display: block;

通过将元素的 display 属性设置为 block，我们可以将该元素设置为块级元素，以使它单独成行。

<div style="display: block;">
    这是第一行
</div>
<div style="display: block;">
    这是第二行
</div>

这将产生以下输出：

这是第一行

这是第二行

white-space: pre-line;

通过将元素的 white-space 属性设置为 pre-line，我们可以保持元素中的空格和换行符不被忽略，并在需要的位置进行换行。

<p style="white-space: pre-line;">
这是第一行
这是第二行
</p>

这将产生以下输出：

这是第一行 这是第二行

使用 CSS 伪元素（::before 和 ::after）

我们还可以使用 CSS 伪元素来插入一个额外的元素，以实现一些特殊的效果，比如换行。

<p>
    这是第一行
    <br>
    这是第二行
</p>

p::before {
    content: "";
    display: block;
}

这将产生以下输出：

这是第一行

这是第二行