<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> 内部的任何内容。这可能给屏幕阅读器用户带来困惑和沮丧的体验。

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

示例

基本 br

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

Mozilla<br />
331 E. Evelyn Avenue<br />
Mountain View, CA<br />
94041<br />
USA<br />

结果

技术摘要

规范

浏览器兼容性

另见

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