HTML Wbr 标签

2025 年 3 月 25 日 | 阅读 2 分钟

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

如果没有 wbr 标签,阅读一个长的单词或句子会非常困难。没有 wbr 标签,单个长单词可能换行,也可能不换行,这会给页面布局造成问题。

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

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

wbr 标签不会强制换行。

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

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


如何测试 <wbr> 标签

要测试 HTML wbr 标签,请在不使用 wbr 标签的情况下写入过多的字符,它将为您启用滚动条。但是,如果您在 wbr 标签内写入过多的字符,它将不会启用滚动条,而是会换行。


HTML wbr 标签示例

输出

这是世界上最长单词的记录,一个 45 个字母的单词出现在主要词典中:pneumonoultramicroscopicsilicovolcanoconiosis

不使用 wbr 标签时看起来像这样...
pneumonoultramicroscopicsilicovolcanoconiosis

使用 wbr 标签后看起来像这样。

pneumonoultramicroscopicsilicovolcaniosis

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


支持的浏览器

元素chrome browser Chromeie browser IEfirefox browser Firefoxopera browser Operasafari browser Safari
<wbr>是的是的是的是的是的
下一主题HTML 标签列表