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

Question

通常这么设置，

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

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

Answer 1

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