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


支持的浏览器

Element Chrome IE Firefox Opera Safari
<wbr> Yes Yes Yes Yes Yes
微信公众号
手机浏览(小程序)
0
分享到:
没有账号? 忘记密码?