HTML里wbr 标签的使用

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

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

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

效果如下图
01wbr

This entry was posted in Mylife and tagged , . Bookmark the permalink.

4人对 HTML里wbr 标签的使用 做出评论

  1. yadandimao says:

    不知道火狐支不支持

发表评论

您的电子邮箱不会被公开 必要栏位标记为 *

*

您可以使用这些 HTML 标记和属性: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <strike> <strong>