css - 属性文本溢出 : ellipsis not working

Question

我有一张 table ，其中 th <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我是如何让它工作的。您确实必须如前所述使用 table-layout: fixed 。通过 CSS 设置 td 的宽度似乎也可以，无需在 HTML 中指定它。

如有任何问题，请告诉我!