<wbr>:換行機會元素

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.

<wbr> HTML 元素代表換行機會,即文本中的位置,瀏覽器可以選擇在該位置斷行,儘管其斷行規則在該位置本身不會創建斷行。

嘗試一下

屬性

此元素僅包括全域屬性

注意事項

在 UTF-8 編碼的頁面上,<wbr> 的行為類似於 U+200B ZERO-WIDTH SPACE(零寬空格)代碼點。特別是,它的行為類似於 Unicode 的雙向 BN 代碼點,意味著它對 bidi 排序沒有影響:<div dir=rtl>123,<wbr>456</div> 顯示為 123,456 而不是 456,123

出於相同的原因,<wbr> 元素在斷行點不引入連字符。要使連字符只出現在行末,請改用軟連字符字符實體(&shy;)。

範例

雅虎風格指南建議在標點符號之前斷開 URL,以避免在行末留下讓讀者誤以為是 URL 結尾的標點符號。

html
<p>
  http://this<wbr />.is<wbr />.a<wbr />.really<wbr />.long<wbr />.example<wbr />.com/With<wbr />/deeper<wbr />/level<wbr />/pages<wbr />/deeper<wbr />/level<wbr />/pages<wbr />/deeper<wbr />/level<wbr />/pages<wbr />/deeper<wbr />/level<wbr />/pages<wbr />/deeper<wbr />/level<wbr />/pages
</p>

結果

技術摘要

內容類別 流內容段落型內容
允許的內容
標籤省略 必須有一個開始標籤,但不得有結束標籤。
允許的父元素 任何接受段落型內容的元素。
隱含的 ARIA 角色 沒有相對應的角色
允許的 ARIA 角色 任何
DOM 介面 HTMLElement

規範

Specification
HTML
# the-wbr-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
wbr

Legend

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

Full support
Full support

參見