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>

转载于:https://www.cnblogs.com/momomo/archive/2011/07/29/2120517.html