HTML <wbr> 元素 — 一个文本中的位置,其中浏览器可以选择来换行,虽然它的换行规则可能不会在这里换行。
一段带有wbr 的文本演示:
<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>测试看看 ‹/›
在 UTF-8 编码的页面中, <wbr> 表现为 U+200B ZERO-WIDTH SPACE (零宽空格)代码点。特别是,它表现为 Unicode bidi BN 代码点,也就是说,它对 bidi-ordering 没有影响:<div dir=rtl>123,<wbr>456</div> 展示 123,456 而不是 456,123,当不拆成的两行时候。
出于相同原因, <wbr>元素不会在换行的地方引入连字符。为了使连字符仅仅在行尾出现,使用连字符软实体 (­) 来代替。
这个元素首先在 Internet Explorer 5.5 中实现,并且在 HTML5 中官方定义。
IEFirefoxOperaChromeSafari
所有主流浏览器都支持 <wbr> 标签,除了 Internet Explorer。
<wbr> (Word Break Opportunity) 标签规定在文本中的何处适合添加换行符。
提示:如果单词太长,或者您担心浏览器会在错误的位置换行,那么您可以使用 <wbr> 元素来添加 Word Break Opportunity(单词换行时机)。
<wbr> 标签是 HTML5 中的新标签。
<wbr> 标签支持 HTML 的全局属性。
<wbr> 标签支持 HTML 的事件属性。