CSS超出文本用省略号显示 兼容firefox IE6 IE7

作者：袖梨 2022-06-25

CSS设置文本溢出不显示或显示省略号，只显示一定长度的文本,ie9下只需设置

 代码如下 复制代码

div{white-space:nowrap;text-overflow: none;}

或

 代码如下 复制代码

div{white-space:nowrap;text-overflow: ellIPsis;}

即可，在ie6,ie7需增加宽度设置才能生效

 代码如下 复制代码

div{white-space:nowrap;text-overflow: ellipsis;*width:100px}


实例1

 代码如下 复制代码







实例2

 代码如下 复制代码

css写省略号方法

相关文章

精彩推荐