<br>

Baseline Widely available

This feature is well established and works across many devices and browser versions. It’s been available across browsers since July 2015.

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
# the-br-element

浏览器兼容性

Report problems with this compatibility data on GitHub
desktopmobile
Chrome
Edge
Firefox
Opera
Safari
Chrome Android
Firefox for Android
Opera Android
Safari on iOS
Samsung Internet
WebView Android
WebView on iOS
br
clear
Deprecated

Legend

Tip: you can click/tap on a cell for more information.

Full support
Full support
Deprecated. Not for use in new websites.

参见