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

瀏覽器相容性

BCD tables only load in the browser

參見