<wbr> - 软换行

首页 > HTML标签 > <wbr>

■ 摘要

项目说明
形式<wbr>
支持e2+ / N2+ / Ch1+ / Sa3+
标签省略开始标签:必须,结束标签:无

■ 说明

wbr 是 Word BReak 的缩写,用来指定软换行(或单词换行)。即使用 <nobr> 禁止了换行,使用 <wbr> 仍然可以换行,但是又不是强制换行,这点和 <br> 不一样。换不换行要看浏览器的横幅。

举例来说,像“上海市黄浦区”这种表示地址的语句,允许在“上海市”和“黄浦区”的中间换行,但不允许在“上海市黄”和“浦区”的中间换行,那就按下面这样写。

<nobr>上海市<wbr>黄浦区</nobr>

另外,像 URL 这种不含空格的全是半角英文数字的语句,通常在浏览器里显示的时候,会保持它的完整性。

比如像这样的链接,
http://www.XXX.YYY/html/ZZZ.html
在浏览器里显示的时候会保持完整性。

但如果在中间加上 <wbr> 标签的话,就可以使它在到达横幅底端的时候换行。

<nobr>http://www.XXX.YYY/<wbr>html/ZZZ.html</nobr>

效果如下。

比如像这样的链接,http://www.XXX.YYY/
html/ZZZ.html在浏览器里显示的时候会保持完整性。

■ 属性

【一般属性】
属性意味
class=classH4+/e3+/N4+。指定类。
id=idH4+/e3+/N4+。指定ID。
title=titleH4+/e4+/N6+。指定标题。

■ 举例

HTML代码
<nobr>
这个句子<wbr>可以在写了<wbr>软换行标签的地方<wbr>换行。
</nobr>
<br>
<nobr>
http://www.XXX.YYY/<wbr>html/ZZZ.html
</nobr>

浏览器显示效果(浏览器横幅不够时)
这个句子可以在写了软换行标签的地方
换行。
http://www.XXX.YYY/
html/ZZZ.html

■ 注意

在 Internet Explorer 使用<wbr>标签,一定要放在 <nobr>~</nobr> 的内部。

<wbr> 标签在 HTML4.01 里不被支持。这时可以用下面这种写法来代替。

<nobr>上海市</nobr><nobr>黄浦区</nobr>

■ 相关

<nobr><br>