HTML Wbr标签

HTML中的wbr标签，是表示一个单词中的断字点，当文本超出容器的宽度时，浏览器会自动进行换行切割单词，而有时候这种切割方式可能并不友好，可能导致不必要的分隔，此时可以使用wbr标签进行断字点的指定，使得分行操作更加合理。

语法格式

<wbr>

标签特性

无论标签位置在何处，wbr元素永远不会显示。它只是告诉浏览器在这里进行断字点，使得单词能够更好的被切割。

代码示例

<p>
  This is a long word: sup~ercal~ifragi~listi~cexpi~ali~do~cious
  <wbr>
  (it might break funny here)
</p>

渲染效果：
This is a long word: sup~ercal~ifragi~listi~cexpi~ali~do~cious (it might break funny here)

<p>
  <strong>编辑器：</strong>
  Sublime Text | Atom | Visual Studio Code | <wbr>
  WebStorm | Notepad++ | Vim | Emacs | Coda | UltraEdit
</p>

渲染效果：
编辑器：
Sublime Text | Atom | Visual Studio Code |
WebStorm | Notepad++ | Vim | Emacs | Coda | UltraEdit

总结

wbr标签虽然不常用，但在遇到一些横跨多个行段的单词时，使用wbr可以有效地使得单词不被不必要地破坏。