HTML <wbr> 标签

<wbr> (Word BReak) 表示:“如果需要,浏览器将在此换行“。如果浏览器觉得没有必要换行,则什么也不执行。

该标签可以应用于以下场景:

  • 如果一个词(英语里面用空格界开的一串字母)很长超出了浏览器窗口宽度,通常,浏览器窗口会显示一个水平卷滚条,例如,一个很长的Java类名或者函数名。为了避免显示水平卷滚条,可以在这个词中插入一个或多个<wbr>,这样在需要的时候,浏览器会在某个标签处换行,使用方法如下:
    <div class="name">getElements<wbr>ByTagName()</div>
  • 如果一块文字使用HTML标签<nobr>括起来,但是又希望浏览器在需要的地方换行,那么插入<wbr>标签进行强制换行。

如果需要使用这个标签,一定要了解浏览器的兼容性,文章The wbr tag展示了一张兼容表并提供了几个测试用例。