如何隐藏​​中的溢出？

Question

我有一张桌子。它的<td>有overflow: hidden。当我有一个长度超过100px的字符串时，它不会被隐藏。

如何隐藏内容超过其容器的宽度时<td>？

http://jsfiddle.net/be6tM/

Answer 1

默认行为只是包装文本，因为高度没有问题！尽管如此，您可以禁用文字换行，white-space: nowrap。

但是，由于表格有点特殊，您需要使用max-width而不是width（这只是“首选宽度”）。 Here’s your updated jsFiddle.

td { 
    border: 1px solid rgb(0,0,0); 
    max-width: 100px; 
    overflow: hidden; 
    white-space: nowrap; 
}

Answer 2

没有溢出。设置高度以限制单元格的高度，那么任何占用更多垂直空间的东西都应该溢出。