css代码:
div{
width:200px;/*容器的基本定义*/
height:200px;
background-color:#eee;
}
/* IE下的样式 */
p span{
display: block;
width:200px;/*对宽度的定义,根据情况修改*/
overflow: hidden;
white-space: nowrap;
text-overflow: ellipsis;
}
/* FF 下的样式 */
p{clear:both;}
p span{
float:left;
max-width:175px; /*IE不能解释该属性,而FF可以*/
}
p:after{
content:"...";
}
CSS 单行溢出文本显示省略号...的方法(兼容IE FF)
最新推荐文章于 2019-08-21 16:55:39 发布
本文介绍了一种使用CSS实现的文本溢出省略显示效果的方法。通过div和span元素结合浮动及块级显示特性,在不同浏览器环境下(如IE和Firefox)达到一致的显示效果。利用max-width属性限制宽度并配合text-overflow等属性实现文字超出部分以省略号形式展示。
2496

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



