如何在 HTML 中换行

HTML 中的换行通常由 <br> 标记实现。在本文中，我们将讨论如何使用 <br> 标记以及其他一些可能的方法。

使用 <br> 标记

使用 <br> 标记是最常见的方法，它会在 HTML 页面中创建一个新行。例如：

第一行<br>
第二行

这将在页面上显示：

第一行

第二行

请注意，<br> 标记不需要闭合。

使用 CSS 实现换行

另一种实现换行的方法是利用 CSS 属性 display 和 content。通过设置 content 为 " "，我们可以让元素看起来像是一个空的块级元素。然后，使用 display 属性将其设置为 block，这将让该元素占据一个新行。

以下是实现该方法的代码片段：

<style>
  .new-line::before {
    content: " ";
    display: block;
  }
</style>

第一行<div class="new-line"></div>第二行

这将在页面上显示：

第一行

第二行

使用 CSS 实现连续换行

如果您需要在 HTML 页面中插入多个换行，您也可以使用以下 CSS 代码：

<style>
  .multiple-new-lines {
    white-space: pre-line;
  }
</style>

<div class="multiple-new-lines">第一行
第二行
第三行</div>

这将在页面上显示：

第一行

第二行

第三行

结论

现在，您已经知道如何在 HTML 中换行了。使用 <br> 标记是最常见的方法，但您也可以使用 CSS 实现更多的定制和灵活性。