一聚教程网:一个值得你收藏的教程网站

热门教程

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

时间:2022-06-25 11:20:18 编辑:袖梨 来源:一聚教程网

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写省略号方法

热门栏目