<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 元素表示一个单词换行机会——文本中的一个位置,浏览器可以选择在此处换行,即使其换行规则不会在此处换行。

尝试一下

属性

这个元素只包含全局属性

说明

在 UTF-8 编码的页面中,<wbr> 元素表现得如同 U+200B ZERO-WIDTH SPACE(零宽度空格)码位。具体来说,它就像一个 Unicode 双向文本(bidi)BN 码位,这意味着它对双向文本的顺序没有影响:<div dir=rtl>123、<wbr>456</div> 不换行时会显示为 123、456,而不是 456、123

出于同样的原因,<wbr> 元素不会在换行处插入连字符。若要使连字符仅出现在行尾,请改用软连字符实体(&shy;)。

示例

雅虎风格指南建议在在标点之前为 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>

结果

技术概要

内容分类 流式内容短语内容
允许的内容
标签省略 不允许,开始标签和结束标签都不能省略。
允许的父元素 任何接受短语内容的元素。
隐含的 ARIA 角色 没有对应的角色
允许的 ARIA 角色 任意
DOM 接口 HTMLElement

规范

Specification
HTML
# the-wbr-element

浏览器兼容性

Report problems with this compatibility data on GitHub
desktopmobile
Chrome
Edge
Firefox
Opera
Safari
Chrome Android
Firefox for Android
Opera Android
Safari on iOS
Samsung Internet
WebView Android
WebView on iOS
wbr

Legend

Tip: you can click/tap on a cell for more information.

Full support
Full support

参见