<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.

<br> HTML 元素可在文字中插入換行(回車)。在寫詩或地址時,這很有用,因為行的分隔是重要的。

嘗試一下

如上例所示,每當我們希望文字換行時,都會包含一個 <br> 元素。 <br> 後的文本將重新開始於文本塊的下一行的開頭。

備註: 不要使用 <br> 創建段落之間的邊距;將它們包裝在 <p> 元素中,並使用 CSSmargin 屬性來控制它們的大小。

屬性

此元素的屬性包括全域屬性

已棄用的屬性

clear 已棄用

指示中斷後下一行的開始位置。

使用 CSS 設計

<br> 元素具有單一且明確的目的——在文本塊中插入換行。因此,它本身沒有尺寸或視覺輸出,幾乎不能對其進行任何樣式設置。

你可以在 <br> 元素本身上設置 margin 以增加文本塊中行之間的間距,但這是一種不良做法——你應該使用專門設計用於此目的的 line-height 屬性。

範例

簡單的 <br> 範例

在以下示例中,我們使用 <br> 元素在不同行的郵寄地址之間創建換行:

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

結果

無障礙議題

使用 <br> 創建單獨的文本段落不僅是不良做法,而且對於使用屏幕閱讀技術導航的人來說也是有問題的。屏幕閱讀器可能會宣佈元素的存在,但不會宣佈 <br> 內部的任何內容。對於使用屏幕閱讀器的人來說,這可能是一種令人困惑和沮喪的體驗。

使用 <p> 元素,並使用 CSS 屬性如 margin 來控制它們的間距。

技術摘要

內容類型 流內容段落型內容
允許的內容 無,這是一個 void element
標籤省略 必須有開始標籤,不得有結束標籤。在 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.

參見