.textoverflow a {
display:block;
width:120px;
margin: 0px 0px 0px 3px;
white-space: nowrap;
overflow: hidden;
float: left;
-o-text-overflow: ellipsis; /* for Opera */
text-overflow: ellipsis; /* for IE */
}
.textoverflow:after{
content: “…”;
}/* for Firefox */
@media all and (min-width: 0px){
.textoverflow:after{ content:""; /* for Opera */
}
}
纯css实现文本溢出省略(兼容IE6+、FF2.0+、Opera9.26+)
最新推荐文章于 2024-08-31 16:47:32 发布
本文介绍了一种使用CSS实现的文本溢出省略显示方法,适用于多种浏览器环境,如Opera、IE及Firefox等。通过设置特定的CSS样式,可以使得超出指定宽度的文字以省略号形式显示。
815

被折叠的 条评论
为什么被折叠?



