html - 如何隐藏 中的溢出？

Question

我有一张 table 。它的<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);
    <b>max-</b>width: 100px;
    overflow: hidden;
    <b>white-space: nowrap;</b>
}