javascript - td下没法设置一行溢出显示省略号

问题描述

问 题

通常这么设置，

overflow: hidden;
white-space: nowrap;
text-overflow: ellipsis;

但是对td确实无效的，为啥？
代码地址http://codepen.io/cococoder/p...

解决方案

内联元素你规定宽度也是没有用的 所以没有宽度限制内容会把容器撑大就没法hidden overflow了。把td的display设为display:inline-block就可以了

这篇关于javascript - td下没法设置一行溢出显示省略号的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！