HTML <wbr> 标签用于定义文本中被浏览器视为换行符的位置。当单词太长并且浏览器可能会在错误的位置破坏它时,<wbr> 标签很有用。您可以使用 <wbr> 标签来识别分词机会。这是 HTML5 中包含的新标签。
语法
<wbr>
属性
<wbr> 标签支持 HTML 的 全局属性 和 事件属性。
<wbr> 标签示例
下面的示例将说明 <wbr> 标签的用法,在哪里、何时以及如何使用<wbr> 标签来允许在句子中中断。
打破冗长的单词
根据屏幕尺寸,我们允许在某个单词之间穿插,如果该单词在视口上不振动。此门槛使用 <wbr> 标签完成。
<!DOCTYPE html>
<html>
<body>
<h1>QikepuCom</h1>
<h2> example of wbr Tag</h2>
<p>QikepuCom PvtLtdHyderabadEasyToLearn
<wbr>acomputerscienceportalfor QikepuCom AndCourses.
</p>
</body>
</html>
打破冗长的面包屑
有时我们需要打破面包屑,当它变得如此之长以至于在常规视口上不可见时,这时我们允许它分成多行。
<!DOCTYPE html>
<html>
<body>
<h1>QikepuCom</h1>
<h2> example of wbr Tag</h2>
<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>
</body>
</html>
支持的浏览器
浏览器 | ![]() |
![]() |
![]() |
![]() |
![]() |
---|---|---|---|---|---|
<wbr> | 1.0 | 12.0 | 3.0 | 4.0 | 11.7 |