<br>

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

尝试一下

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

备注: 不要用 <br> 来增加文本之间的行间隔;请使用 <p> 元素来包装文本,并使用 CSS margin 属性来控制间隔大小。

属性

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

已弃用的属性

clear 已弃用

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

使用 CSS 设置样式

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

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

示例

简单的 br 示例

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

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

结果

无障碍考虑

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

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

技术概要

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

规范

Specification
HTML Standard
# the-br-element

浏览器兼容性

BCD tables only load in the browser

参见