<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>
元素在斷行點不引入連字符。要使連字符只出現在行末,請改用軟連字符字符實體(­
)。
範例
雅虎風格指南建議在標點符號之前斷開 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>
結果
技術摘要
規範
Specification |
---|
HTML Standard # the-wbr-element |
瀏覽器相容性
BCD tables only load in the browser