index.md

title	slug	l10n
<wbr>：换行机会元素	Web/HTML/Element/wbr	sourceCommit 0af6781c93ffe3d011a060b4e517187cf780e93a

{{HTMLSidebar}}

<wbr> HTML 元素表示一个单词换行机会——文本中的一个位置，浏览器可以选择在此处换行，即使其换行规则不会在此处换行。

{{EmbedInteractiveExample("pages/tabbed/wbr.html", "tabbed-shorter")}}

属性

这个元素只包含全局属性。

说明

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

出于同样的原因，<wbr> 元素不会在换行处插入连字符。若要使连字符仅出现在行尾，请改用软连字符实体（­）。

示例

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

结果

{{EmbedLiveSample("示例")}}

技术概要

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

规范

{{Specifications}}

浏览器兼容性

{{Compat}}

参见

• {{cssxref("overflow-wrap")}}
• {{cssxref("word-break")}}
• {{cssxref("hyphens")}}
• {{HTMLElement("br")}} 元素