CSS超出文本用省略号显示 兼容firefox IE6 IE7
作者：简简单单
2012-12-07
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
| 代码如下 | 复制代码 |
|
|
|
