css 单行文本溢出显示省略号解决办法

作者：简简单单 2012-11-08

样式代码，四个属性都是必须的，并且宽度必须设在当前容器上，父容器定宽无效：

 代码如下 复制代码

.box {
 width: 200px;
 white-space: nowrap;
 overflow: hidden;
 text-overflow: ellipsis;
}

测试 IE6、IE7、IE8、IE9、Chrome、Firefox 均支持。

测试实例

 代码如下 复制代码




 
 text overflow ellipsis
 


text overflow ellipsis

测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试
上一个：IE下的滚动条样式自定义 下一个：兼容IE6 Png图片完全透明解决方法

相关文章

精彩推荐