css自动截取字符串 支持FF

<style type="text/css">

<!--

.div1{

width:200px;

}

.div1 span{

white-space:nowrap;

text-overflow:ellipsis;

*text-overflow:ellipsis; /* for ie6 ie7 */

overflow:hidden;

width:168px;

display:block;

float:left;

}

html>body .div1:after{/* for FF chrome ie8+*/

content: "...";

margin-left:5px;

}

-->

</style>

<div class="div1"><span>最近微软发布的IE7浏览器的兼容性确实给一些网页制作人员添加了一个沉重的负担</span></div>