此頁面由社群從英文翻譯而來。了解更多並加入 MDN Web Docs 社群。
<wbr>：換行機會元素
Baseline Widely available
This feature is well established and works across many devices and browser versions. It’s been available across browsers since 2015年7月.
<wbr>HTML 元素代表換行機會，即文本中的位置，瀏覽器可以選擇在該位置斷行，儘管其斷行規則在該位置本身不會創建斷行。
嘗試一下
<div> <p>Fernstraßenbauprivatfinanzierungsgesetz</p> <p>Fernstraßen<wbr />bau<wbr />privat<wbr />finanzierungs<wbr />gesetz</p> <p>Fernstraßen­bau­privat­finanzierungs­gesetz</p></div>#example-paragraphs { background-color: white; overflow: hidden; resize: horizontal; width: 9rem; border: 2px dashed #999;}屬性
此元素僅包括全域屬性。
注意事項
在 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 # the-wbr-element |