Web速查-索引

wbr

定义

<wbr> 标签规定在文本中何处适合添加换行符。

如果单词太长,或者担心浏览器会在错误的位置换行,那么可以使用 <wbr> 标签来添加 Word Break Opportunity(单词换行时机)来表示一个可以换行的机会,即表示必要时可以在此处换行。
至于是否换行,则由浏览器根据窗口或父元素的宽度情况自主决定。当宽度足够时,即没必要换号时,不进行换行,当宽度不够时,主动在此处换行。

实例

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>NTHOME-零基础入门学习Web(HTML5+CSS3)</title>
</head>
<body>
<p>超文本标记语言是一种用于创建网页的标准标记语言,即HTML,HyperTextMarkupLanguage。</p>
<p>正常情况下,当宽度不足时,会在行末将整个单词放到下一行,但加入 wbr 后,就允许将单词HyperTextMarkupLanguage拆分在两行显示。</p>
<p>超文本标记语言是一种用于创建网页的标准标记语言,即HTML,HyperText<wbr>Markup<wbr>Language。</p>
</body>
</html>

超文本标记语言是一种用于创建网页的标准标记语言,即HTML,HyperTextMarkupLanguage。

正常情况下,当宽度不足时,会在行末将整个单词放到下一行,但加入 wbr 后,就允许将单词HyperTextMarkupLanguage拆分在两行显示。

超文本标记语言是一种用于创建网页的标准标记语言,即HTML,HyperTextMarkupLanguage。

浏览器支持

表格中的数字表示支持该属性的第一个浏览器版本号

Safari Chrome FireFox IE
4.0 1.0 3.0 -