HTML里wbr 标签的使用

<wbr />软换行
1.正常情况下<wbr />不起效,何为不正常,见下。
2.当文字长度超过外框显示宽度的时候,即溢出时。
3.游览器启动自动断行机制,各个游览器断行机制不同。比如ff3会在/前断行,ie7在/后断行等等。
4.当自动断行机制也无法避免溢出时,<wbr />起效,效果如<br />。 5.如果还是溢出的话,就只有溢出了。

可以说这个标签是最后的杀手锏,属于要么不出手,出手必伤人。

注:有些游览器不能有效识别<wbr />标签,所以不推荐使用
不过如果这些不支持的游览器却支持CSS2的:after伪类则可以用一下方法实现
<style>wbr:after { content: “0200B”; }</style>
<div style=”width:100px;”>
a<wbr />aaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa<wbr />aa
</div>

效果如下图
01wbr

发表评论