如何在FF和IE7 / IE8中使表格固定宽度

Question

我正在使用这个免费的html模板创建一个页面，该页面显示有关Web应用程序的一些信息。 请参阅此JsFiddle以供参考： http : //jsfiddle.net/wx3Gz/1/

问题在于主要内容的三列中的表。 我想将表格设置为与列（274px）相同的宽度，并且内容应自动排列在其中。

对于第一个表，我希望第二列的大小可以满足内容的要求，然后第一列应占用其余可用宽度，并用省略号溢出。

我已经尝试过的任何方法（设置显示：在表上设置块，使用tabley-layout：固定）都会导致表中所有列的宽度相同（错误），或者在大多数情况下，内容会超出该列。

完美的解决方案是将三个组元素中的所有表格式化为最大宽度，并允许在列上设置css类（第th个元素），该类应在列变宽时显示省略号。 几乎完美的解决方案要求每个单元上都具有CSS类。

我需要它才能在Firefox和IE7 / 8中工作。 理想情况下，IE9和Chrome也是如此。

Answer 1

尝试在表格单元格而不是直接在表格上设置max-width ：

td {
    max-width: 200px;
}
td div, td {
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}

这是您代码的修改版本 。 我不在Windows上，因此无法签入IE。