css全自动截取特定长度标识符串,末尾显示信息

2020-11-02 23:53 jianzhan
<style type="text/css">

拷贝编码
编码以下:

<!--
.div1{
width:200px;
}
.div1 span{
white-space:nowrap;
text-overflow:ellipsis; /* for internet explorer */
overflow:hidden;
width:168px;
display:block;
float:left;
}

html>body .div1:after{/* for FF*/
content: "...";
margin-left:5px;
}

-->
</style>

<div class="div1"><span>近期微软公布的IE7访问器的适配性的确给1些网页页面制做人员加上了1个厚重的压力</span></div>