HTML标签

HTML <wbr>标签

HTML <wbr>标签作用

HTML <wbr>标签用于 在HTML文档中指定换行机会
没有wbr标签,很难读取一个长单词或一个句子。没有wbr标签,单个长字完全不能换行,这会导致页面布局出现问题。
没有<wbr>标签,用户将不得不向右滚动以阅读完整的长字。或句子。
<wbr>标签是新标签,并在HTML 5中引入。
注意: wbr标签不会换行。

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

<br>标签强制换行,而<wbr>标签仅表示换行机会。它仅在必要时方便浏览器换行(例如,在页面末尾。

如何测试<wbr>标签

要测试HTML wbr标签,请写很多没有wbr标签的字符,它将为您启用滚动条。但是,如果您在wbr标签中写了太多字符,它将不会启用滚动条,但会中断换行。

HTML wbr标签示例

<p> 这是世界上最长单词的记录,主要词典中出现一个45个字母的单词 <i>pneumonoultramicroscopicsilicovolcanoconiosis</i>
</p>
<p>这是什么看起来好像没有使用 <code>wbr</code> 标签... <br/>
<i> 肺微镜显微镜下的肺线虫病 </i></p>
<p> 使用wbr标签后看起来像这样。 </p>
<i> pneu<wbr>monoultra<wbr> microsc<wbr> opicsili<wbr> covolcan<wbr>iosis</i>
输出:
这是世界上最长单词的记录,主要词典中出现一个45个字母的单词 pneumonoultramicroscopicsilicovolcanoconiosis
这是什么看起来好像没有使用 wbr 标签...
肺微镜显微镜下的肺线虫病
使用wbr标签后看起来像这样。 pneumonoultramicroscopicsilicovolcaniosis
<wbr>标签在HTML 5中支持全局和事件属性。

支持浏览器

元素  chrome浏览器  ie浏览器  firefox浏览器 Opera浏览器  Safari浏览器
<wbr>
昵称: 邮箱:
Copyright © 2022 立地货 All Rights Reserved.
备案号:京ICP备14037608号-4