<br>

尝试一下

<p>
  O’er all the hilltops<br />
  Is quiet now,<br />
  In all the treetops<br />
  Hearest thou<br />
  Hardly a breath;<br />
  The birds are asleep in the trees:<br />
  Wait, soon like these<br />
  Thou too shalt rest.
</p>

p {
  font-size: 1rem;
  font-family: sans-serif;
  margin: 20px;
}

从上面的示例中可以看出，在我们期望文本中断的地方都包含了一个 <br> 元素。<br> 之后的文本从文本块的下一行开始

属性

此元素的属性包括全局属性。

已弃用的属性

clear

指定换行后下一行文本开始位置。

使用 CSS 设置样式

<br> 元素包含唯一且明确的语义——在文本块中创建换行符。因此，它没有自己的尺寸或视觉输出，几乎无法设计它的样式。

你可以给 <br> 元素设置 margin 从而增加文本行之间的间距，但这是一种糟糕的做法——你应该使用为此目的而设计的 line-height。

示例

简单的 br 示例

在以下示例中，我们使用 <br> 元素在邮寄地址中间创建换行符。

Mozilla Foundation<br />
1981 Landings Drive<br />
Building K<br />
Mountain View, CA 94043-0801<br />
USA

结果

无障碍考虑

使用 <br> 创建单独的文本段落不仅是糟糕的做法，而且对于借助屏幕阅读技术进行浏览的人来说也是有问题的。屏幕阅读器可能会提示该元素的存在，但不包括 <br> 中的任何内容。这可能会让使用屏幕阅读器的人感到困惑和沮丧。

请使用 <p> 元素，并使用 CSS 属性 margin 控制它们的间距。

技术概要

规范

浏览器兼容性

参见

• <address> 元素
• <p> 元素
• <wbr> 元素