html - 隐藏超出 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; }