隐藏超出TD宽度的文本

Question

我的TD具有固定宽度（以像素为单位）。尽管设置了TD的宽度，并且下面的css应用于TD，我的文本超出了TD的宽度（我不希望文本换行），而我想要超出宽度的任何东西TD被隐藏。

以下是我现有的CSS：

td { overflow:hidden; white-space:nowrap; width:100px !important; }

Answer 1

您需要将td中的所有内容都包含在div中，并提供相同的规则。

td, div { overflow:hidden; white-space:nowrap; width:100px !important; }