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

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

这是demo我如何运作的{{3}}。你确实必须按照提到的那样使用table-layout: fixed。通过CSS设置td的宽度似乎也可以，而无需在HTML中指定它。

如果您有任何疑问，请与我们联系！

Answer 2

很遗憾，您必须使用table-layout: fixed;并将表格设置为宽度。