css - 属性文本溢出：省略号不起作用

Question

我有一张桌子，<td>其样式如下。

table.tvTable td{
  overflow: hidden;
  text-overflow: ellipsis;
  -o-text-overflow: ellipsis;
  white-space: nowrap; // with this line i get one erally wide row
  padding: 3px;
}

单独地，它们是带有width(px、% 和 *) 的样式。我也尝试设置整个表格的宽度（不想这样做，因为我希望其中一列利用屏幕上可用的最大宽度）。

但是，没有发生剪裁，更不用说省略了。我在Ch和FF。

Answer 1

这是我如何让它工作的演示。你确实必须使用table-layout: fixed前面提到的。设置 via CSS 的宽度td似乎也可以，无需在 HTML 中指定。

请让我知道，如果你有任何问题！

Answer 2

不幸的是，您必须使用table-layout: fixed;并设置表格的宽度。