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

作者：袖梨 2022-06-25

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

 代码如下 复制代码

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

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

测试实例

 代码如下 复制代码




 
 text overflow ellipsis
 


text overflow ellipsis

测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试

相关文章

精彩推荐