使用CSS截取字符串并显示成省略号是一个比较实用的功能，将需要截取的时候交给CSS前端来处理，减少服务器资源浪费，使网页速度更快，但是有时候由于浏览器的兼容性，致使CSS截取字符串在IE和火狐下的处理方式并不相同，本代码是解决了火狐下的CSS截取字符串问题。
代码如下：
<html>
<head>
<title>CSS实现在FireFox下截取字符串显示省略号</title>
</head>
<style>
<style type="text/css">
<!--
body{
font-family: 宋体;
font-size: 12px;
color: #333333;
}
.div1{
width:200px;
}
.div1 a{
white-space:nowrap;
text-overflow:ellipsis; /* for internet explorer */
overflow:hidden;
width:168px;+width:200px;_width:200px;
display:block;
float:left;
}
html>body .div1:after{
content: "...";
margin-left:5px;
}
-->
</style>
</style>
<body>
<div class="div1"><a href="#">懒之才为爱好建站的朋友分享建站素材，提供建站资源下载，酷站欣赏，字体下载，特效参考等多种建站资源！</a></div>
</body>
</html>效果如图：
