HTML - <wbr> 标签

HTML <wbr> 标签用于定义文本中浏览器应视为换行符的位置。当单词太长，浏览器可能在错误的位置将其换行时，此标签非常有用。您可以使用 <wbr> 标签来标识单词换行机会。这是 HTML5 中新增的一个标签。

语法

<wbr>

属性

HTML wbr 标签支持 HTML 的全局和事件属性。

HTML wbr 标签示例

下面的示例将说明 wbr 标签的用法、何时以及如何使用 wbr 标签允许在句子中换行。

换行过长的单词

根据屏幕大小，如果某些单词在视口中不可见，我们允许在这些单词之间换行。这将使用 HTML <wbr> 标签来完成。

<!DOCTYPE html>
<html>
<body>
    <h1>tutorialspoint</h1>
    <h2> example of wbr Tag</h2>
    <p>tutorialspointPvtLtdHyderabadEasyToLearn 
       <wbr>acomputerscienceportalforTutorialsAndCourses.
    </p>
</body>
</html>

换行过长的面包屑导航

有时我们需要换行面包屑导航，当它变得太长以至于在常规视口中不可见时，这时我们允许它换到多行。

<!DOCTYPE html>
<html>
<body>
    <h1>tutorialspoint</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

html_tags_reference.htm

打印页面