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> 

   

   

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