Question

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

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

对于第一个表，我希望第二列与内容要求一样宽，然后第一列应占用剩余的可用宽度并用省略号溢出。

我已经尝试过的任何东西（在桌面上设置display：block，使用tabley-layout：fixed）导致一个表中所有列具有相同（错误）的宽度，或者在大多数情况下，内容溢出列。

完美的解决方案会将三个组元素中的所有表格格式化为最大宽度，并允许在列上设置一个css类（即元素，即应该显示列到达宽度的省略号）。一个几乎完美的解决方案需要每个单元格上的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;
}

Here's a modified version of your code。我不在Windows上，所以我无法在IE中查看。