在FF下用CSS模拟实现text-overflow:ellipsis字符截取省略号效果

text-overflow:ellipsis这个属性的确是好用，可惜FF不支持

偶尔想到用after伪类类实现模拟

 

* {margin:0; padding:0; list-style:none; }

body{
    font-family: 宋体;
    font-size: 12px;
}
#box {
width:200px;
border:1px green solid;
}

#box span{
display:block;
overflow:hidden;
float:left;

width:156px;
*width:180px;/*for IE*/

white-space:nowrap;
text-overflow:ellipsis;/*just for IE */

}
#box:after {/*for FF*/
content:"";
}

 

 <div id="box"><span class="text">我是文字，我很长很长很长很长很长很长很长很长很长</span></div>

 

虽然这个方法是瞎了点，但还是有点意思；