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

热门教程

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

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

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

 代码如下 复制代码

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

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

测试实例

 代码如下 复制代码




 
 text overflow ellipsis
 


text overflow ellipsis

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


热门栏目