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就可以了

Answer 2

加上display:inline-block;

Answer 3

问题已经解决，，必须给table加上table-layout:fixed;