WBR 标签 HTML

在 HTML 中，有时候我们需要在一个长单词或长句子中创建断行效果，但是又不想让断行过于明显，因此就出现了 wbr 标签。

定义

wbr 标签用于建议浏览器在文本中的某个位置进行换行。比如下面这个长单词：

<p>这是一个很长的单词，antidisestablishmentarianism，建议浏览器在这个单词的某个位置进行换行。</p>

使用 wbr 标签可以让浏览器在较为合适的位置换行，如下所示：

<p>这是一个很长的单词，anti<wbr>disestab<wbr>lishment<wbr>arianism，建议浏览器在这个单词的某个位置进行换行。</p>

渲染后的效果如下：

这是一个很长的单词，antidisestablishmentarianism，建议浏览器在这个单词的某个位置进行换行。

使用场景

wbr 标签通常应用在以下场景中：

• 长单词或长句子需要自动换行，但是希望断行尽量不破坏单词或句子的结构。
• 网站支持多语言，为了适应不同语言的单词长度，需要在某些位置插入 wbr 标签。

注意事项

• wbr 标签只是建议浏览器在指定位置进行换行，实际效果依赖于浏览器的不同。
• 在使用 wbr 标签时，要注意不要破坏单词或句子的结构，否则可能会影响可读性。
• 在 HTML5 中，wbr 标签是一个空标签，不需要闭合。但是为了兼容旧版本的浏览器，最好还是写成闭合标签的形式，如下：

<p>这是一个很长的单词，anti<wbr />disestab<wbr />lishment<wbr />arianism，建议浏览器在这个单词的某个位置进行换行。</p>

总结

wbr 标签是一个建议性的标签，用于指导浏览器在文本中的某个位置进行换行。在长单词或长句子需要自动换行，但是希望断行尽量不破坏单词或句子的结构时，可以尝试使用 wbr 标签。