HTML <br> 元素在文本中生成一个换行（回车）符号。此元素在写诗和地址时很有用，这些地方的换行都非常重要。

{{InteractiveExample("HTML Demo: <br>", "tabbed-standard")}}

```html interactive-example

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


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

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

[!NOTE] 不要用 <br> 来增加文本之间的行间隔；请使用 {{HTMLElement("p")}} 元素来包装文本，并使用 CSS {{cssxref('margin')}} 属性来控制间隔大小。

属性

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

已弃用的属性

  • clear {{Deprecated_Inline}}
    • : 指定换行后下一行文本开始位置。

使用 CSS 设置样式

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

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

示例

简单的 br 示例

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

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

结果

{{ EmbedLiveSample('简单的 br 示例', 640, 120) }}

无障碍考虑

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

请使用 <p> 元素，并使用 CSS 属性 {{cssxref("margin")}} 控制它们的间距。

技术概要

内容分类 流式内容、短语内容。
允许的内容 无；这是一个{{Glossary("void element","空元素")}}。
标签略写 必须有一个开始标签，并且一定不能有结束标签。在 XHTML 中将元素写为 <br />。
允许的父元素 任意可容纳短语内容的元素。
隐含的 ARIA 角色 没有对应的角色
允许的 ARIA 角色 none、presentation
DOM 接口 HTMLBRElement