本文概述
HTML <wbr>标记用于指定HTML文档中的换行机会。
没有wbr标签, 很难读一个长单词或句子。没有wbr标记, 单个长字可以换行或根本不换行, 这给页面的布局带来了问题。
没有<wbr>标记, 用户将不得不向右滚动以阅读完整的长单词或句子。
<wbr>标记是新标记, 并在HTML 5中引入。
wbr标签不会换行。
<wbr>和<br>标签之间的区别
<br>标记强制换行, 而<wbr>标记仅表示换行机会。仅在必要时方便浏览器换行(例如, 在page的末尾)。
如何测试<wbr>标签
要测试HTML wbr标签, 请写很多没有wbr标签的字符, 它将为你启用滚动条。但是, 如果你在wbr标记中写了太多字符, 它将不会启用滚动条, 但会折行。
HTML wbr标签示例
<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>
立即测试
输出:
这是世界上最大单词的世界纪录, 主要字典中出现一个45个字母的单词
这是不使用wbr标签的情况。
使用wbr标签后, 它将看起来像这样。
肺
单超
微电脑
视光
covolcan
病
<wbr>标记在HTML 5中支持全局和事件属性。
支持的浏览器
Element | Chrome | IE | Firefox | Opera | Safari |
<wbr> | Yes | Yes | Yes | Yes | Yes |