html - 如何隐藏溢出？

Question

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

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

http://jsfiddle.net/be6tM/

Answer 1

默认行为只是包装文本，因为高度不是问题！不过，您可以使用white-space: nowrap.

但是，由于表格有点特殊，因此您需要使用max-width而不是width（这只是“首选宽度”）。这是您更新的 jsFiddle。

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

Answer 2

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