使用CSS截取字符串并显示成省略号是一个比较实用的功能,将需要截取的时候交给CSS前端来处理,减少服务器资源浪费,使网页速度更快,但是有时候由于浏览器的兼容性,致使CSS截取字符串在IE和火狐下的处理方式并不相同,本代码是解决了火狐下的CSS截取字符串问题。
--------------------------------css样式-------------------------------------
<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>
--------------------------------css样式-------------------------------------
<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>