<br>: 換行符元素

試一試

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

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

如上面的示例所示，我們在想要文字換行的每個地方都包含了一個 <br> 元素。<br> 之後的文字會重新開始於文字塊下一行的開頭。

屬性

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

已棄用屬性

clear 已棄用

指定換行後從何處開始下一行。

使用 CSS 樣式

<br> 元素的用途非常單一且明確——在文字塊中建立換行符。因此，它本身沒有尺寸或視覺輸出，並且您幾乎無法對其進行樣式設定。

您可以在 <br> 元素本身上設定 margin 來增加文字塊中行之間的間距，但這是一種糟糕的做法——您應該使用為此目的設計的 line-height 屬性。

無障礙

使用 <br> 建立單獨的文字段落不僅是一種糟糕的做法，而且對於依賴螢幕閱讀器技術的使用者來說也是個問題。螢幕閱讀器可能會宣佈元素的出現，但不會宣佈 <br> 內部的任何內容。這可能給螢幕閱讀器使用者帶來困惑和沮喪的體驗。

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

示例

基本 br

在下面的示例中，我們使用 <br> 元素在郵寄地址的不同行之間建立換行符。

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

結果

技術摘要

規範

瀏覽器相容性

另見

• <address> 元素
• <p> 元素
• <wbr> 元素