我怎样才能隐藏溢出？

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

没有溢出。设置高度以限制单元格的高度，然后占用更多垂直空间的任何内容都应该溢出。