如何根据td宽度显示文本[重复]

Question

我已将我的td 设置为某个width。我想在td 中显示文本。我希望当text 长于 td 宽度 时，它将 剪切 或将 ... 放在文本的末尾。以便文本将显示仅一行并且不换行。我该怎么做？

谢谢

Answer 1

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

text-overflow:ellipsis;

Answer 2

Reference

JSBIN

设置样式为

td {
  white-space: nowrap
}