CSS自动截取字符串 支持FF

<style type="text/css">  
  
<!--  
  
.div1{  
  
    200px;  
  
}  
  
.div1 span{  
  
   white-space:nowrap;  
  
   text-overflow:ellipsis;    
  
   *text-overflow:ellipsis; /* for ie6  ie7 */  
  
   overflow:hidden;  
  
   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>  
作者:灵雨飘零
出处:http://www.cnblogs.com/kingboy2008/
本文版权归作者和博客园、CSDN共有,欢迎转载,但未经作者同意必须保留此段声明,且在文章页面明显位置给出原文连接,否则保留追究法律责任的权利。该文章也同时发布在我的独立博客中-博客园—灵雨飘零CSDN—灵雨飘零
原文地址:https://www.cnblogs.com/kingboy2008/p/2124741.html