<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> 元素在不同行的郵寄地址之間創建換行：

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

結果

無障礙議題

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

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

技術摘要

規範

瀏覽器相容性

參見

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