<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 元素表示一个单词换行机会——文本中的一个位置，浏览器可以选择在此处换行，即使其换行规则不会在此处换行。
尝试一下
<div id="example-paragraphs">
<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 双向文本（bidi）BN 码位，这意味着它对双向文本的顺序没有影响：<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 |