HTML wbr标签

本文概述

  • < wbr> 和< br> 标签之间的区别
  • 如何测试< wbr> 标签
  • HTML wbr标签示例
  • 支持的浏览器
HTML < wbr> 标记用于指定HTML文档中的换行机会。
【HTML wbr标签】没有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

    推荐阅读