HTML wbr标签

本文概述

• <wbr>和<br>标签之间的区别
• 如何测试<wbr>标签
• HTML wbr标签示例
• 支持的浏览器

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中支持全局和事件属性。

支持的浏览器