HTML: <wbr> 标签

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?>元素不会在换行的地方引入连字符。为了使连字符仅仅在行尾出现，使用连字符软实体 (&?shy;) 来代替。
这个元素首先在 Internet Explorer 5.5 中实现，并且在 HTML5 中官方定义。

浏览器兼容性

IEFirefoxOperaChromeSafari

所有主流浏览器都支持 <wbr> 标签，除了 Internet Explorer。

标签定义及使用说明

<wbr> (Word Break Opportunity) 标签规定在文本中的何处适合添加换行符。

提示：如果单词太长，或者您担心浏览器会在错误的位置换行，那么您可以使用 <wbr> 元素来添加 Word Break Opportunity（单词换行时机）。

HTML 4.01 与 HTML5之间的差异

<wbr> 标签是 HTML5 中的新标签。

全局属性

<wbr> 标签支持 HTML 的全局属性。

事件属性

<wbr> 标签支持 HTML 的事件属性。