HTML 标签列表

HTML <wbr> 换行标签

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

没有 wbr 标签,阅读一个长长的单词或一个句子是非常困难的。如果没有 wbr 标签,单个长字可以自动换行也可以不换行,这给页面的布局带来了问题。

如果没有 <wbr> 标签,用户必须向右滚动才能阅读完整的长单词或句子。

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

wbr 标签不会断线。

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

<br> 标签强制换行,而 <wbr> 标签仅代表换行机会。它仅在必要时方便浏览器换行(例如在 page .


如何测试 <wbr> 标签

要测试 HTML wbr 标签,写太多没有 wbr 标签的字符,它会为你启用一个滚动条。但是如果你在 wbr 标签中写了太多的字符,它不会启用滚动条而是断行。


HTML 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 monoultra microsc opicsili covolcan iosis


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


支持浏览器

元素ChromeIEFirefoxSafariOpera
<wbr>YesYesYesYesYes


上一主题 HTML <video> 视频标签 下一主题 没有了
  • 使用社交账号登录,本站支持
全部评论(0)