<wbr>:换行机会元素

基线 广泛可用

此功能已稳定且可在许多设备和浏览器版本中使用。它自以下时间起在所有浏览器中均可用: 2015 年 7 月.

<wbr> HTML 元素表示换行机会——文本中浏览器可以选择性地换行的位置,尽管其换行规则在该位置不会创建换行。

试一试

属性

此元素仅包含全局属性

注意

在 UTF-8 编码的页面上,<wbr> 的行为类似于 U+200B 零宽度空格 代码点。特别是,它的行为类似于 Unicode 双向 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

规范

规范
HTML 标准
# the-wbr-element

浏览器兼容性

BCD 表格仅在浏览器中加载

另请参阅