0

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

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

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

我已经尝试过的任何事情（在表格上设置 display: block，使用 tabley-layout: fixed）都会导致表格的所有列都具有相同（错误）的宽度，或者在大多数情况下导致内容溢出列。

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

我需要它在 Firefox 和 IE7/8 中工作。理想情况下还有 IE9 和 Chrome。

4

1 回答 1

0

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

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

这是您的代码的修改版本。我不在 Windows 上，所以我无法检查 IE。

于 2012-09-03T13:40:32.003 回答