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>