兼容所有浏览器的省略号--纯CSS策略

 

代码:

<style>
div a{
 display:block; /* 必须 */
 Width:310px; /* 必须 */
 white-space:nowrap; /* 必须 */
 overflow:hidden; /* 必须 */
 float:left; /* 必须 */
    text-overflow:ellipsis;        /* for IE */
    -o-text-overflow: ellipsis;    /* for Opera safari chrome*/
}
/* for Firefox */
div:after{
    content:"";
    padding-left:3px;
    font-size:12px;
}
</style>
<body>
<div>
<a href="ddd">我的同志我的同志我的同志我的同志我的同志我的同志我的同志我的同志我的同志我的同志我的同志我的同志我的同志我的同志我的同志我的同志</a>
</div>
</body>

 

示例:

 

posted @ 2009-06-01 19:38  _拖鞋_  阅读(225)  评论(0)    收藏  举报