HTML <wbr> 标签用于指定 HTML 文档中的换行机会。
没有 wbr 标签,阅读一个长长的单词或一个句子是非常困难的。如果没有 wbr 标签,单个长字可以自动换行也可以不换行,这给页面的布局带来了问题。
如果没有 <wbr> 标签,用户必须向右滚动才能阅读完整的长单词或句子。
<wbr> 标签是 HTML 5 中的新标签。
<br> 标签强制换行,而 <wbr> 标签仅代表换行机会。它仅在必要时方便浏览器换行(例如在 page .
要测试 HTML wbr 标签,写太多没有 wbr 标签的字符,它会为你启用一个滚动条。但是如果你在 wbr 标签中写了太多的字符,它不会启用滚动条而是断行。
<html> <body> <p> This is a world record for the largest word, a 45-letter word appears in a major dictionary <i>pneumonoultramicroscopicsilicovolcanoconiosis</i> </p> <p>Here's what it looks like without using the <code>wbr</code> tag...<br/> <i> pneumonoultramicroscopicsilicovolcanoconiosis </i></p> <p> It will look like this after using wbr tag. </p> <i> pneu<wbr>monoultra<wbr>microsc<wbr>opicsili<wbr>covolcan<wbr>iosis</i> </body> </html>
输出:
这是最大单词的世界纪录,一个45个字母的单词出现在一个主要词典 pneumonoultramicroscopicsilicovolcanoconiosis
这是不使用wbr
标签时的样子...
pneumonoultramicroscopicsilicovolcanoconiosis
使用 wbr 标签后,它看起来像这样。
pneu
<wbr> 标签支持 HTML 5 中的全局和事件属性。
元素 | Chrome | IE | Firefox | Safari | Opera |
---|---|---|---|---|---|
<wbr> | Yes | Yes | Yes | Yes | Yes |