HTML <wbr>
元素 — 一个文本中的位置,其中浏览器可以选择来换行,虽然它的换行规则可能不会在这里换行。
Content categories | Flow content, phrasing content. |
---|---|
Permitted content | Empty |
Tag omission | It is an empty element; it must have a start tag, but must not have an end tag. |
Permitted parents | Any element that accepts phrasing content. |
Permitted ARIA roles | Any |
DOM interface | HTMLElement |
属性
这个元素仅仅包含 全局属性
Notes
在 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 中官方定义。
示例
Yahoo 代码规范 推荐 在标点之前为 URL 换行,以便避免将标点符号留在行尾,这会让读者将 URL 的末尾搞错。
<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 | Status | Comment |
---|---|---|
WHATWG HTML Living Standard <wbr> |
Living Standard | |
HTML5 <wbr> |
Recommendation |
浏览器兼容性
Feature | Chrome | Edge | Firefox (Gecko) | Internet Explorer | Opera | Safari |
---|---|---|---|---|---|---|
Basic support | 1.0 | (Yes) | 1.0 | 未实现[1] | 11.7 | 4.0 |
Feature | Android | Edge | Firefox Mobile (Gecko) | IE Mobile | Opera Mobile | Safari Mobile |
---|---|---|---|---|---|---|
Basic support | 1.5 | (Yes) | 1.0 | 未实现 | 未实现 | 未实现 |
[1] <wbr>
标签的支持在 Internet Explorer 5.5 中引入,虽然在 7 中再次移除。