如何根据td宽度显示文本

Question

我已将td设置为某个width。我想在td内显示文字。我希望当text 长于td宽度时，它会剪切，或者将...放在文本的末尾。这样文本将显示仅一行和不包装。我怎么能这样做？

由于

Answer 1

您可以使用CSS3 text-overflow方法完成此操作。

text-overflow:ellipsis;

Answer 2

Reference

JSBIN

将样式设置为

td {
  white-space: nowrap
}