HTML教程-HTML<wbr>标签

HTML <wbr>标签用于在HTML文档中指定换行机会。

在没有wbr标签的情况下，阅读一个长单词或句子非常困难。没有wbr标签，单个长单词可能会换行，也可能不换行，这会给页面的布局带来问题。

没有<wbr>标签，用户将不得不向右滚动以阅读完整的长单词或句子。

<wbr>标签是在HTML 5中引入的新标签。

wbr标签不会换行。

<wbr>标签和<br>标签的区别

<br>标签强制换行，而<wbr>标签只表示换行的机会。它只在必要时（例如在页面末尾）帮助浏览器进行换行。

如何测试<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. <i>pneu<wbr>monoultra<wbr>microsc<wbr>opicsili<wbr>covolcan<wbr>iosis</i></p>

输出：

This is a world record for the largest word, a 45-letter word appears in a major dictionary pneumonoultramicroscopicsilicovolcanoconiosis

Here's what it looks like without using the wbr tag... pneumonoultramicroscopicsilicovolcanoconiosis

It will look like this after using wbr tag.

pneumonoultramicroscopicsilicovolcaniosis

<wbr>标签在HTML 5中支持全局和事件属性。

支持的浏览器

元素	Chrome	IE	Firefox	Opera	Safari
<wbr>	是	是	是	是	是