2

我正在尝试根据以下要求设置表格样式，但一无所获：

  • 某些列的宽度必须缩小以适应内容。
  • 其他列的宽度必须在它们之间划分剩余的可用宽度。
  • 表格宽度必须填充但不能超过父宽度。

我想出了一种方法......将缩小的列宽度设置为 1px。这似乎起到了作用，直到扩展列的内容增长并最终增加表格的宽度以超过其父级的宽度，这违反了列出的最后一个要求。

有任何想法吗？我破产了。

我正在使用 Compass/Sass 连字符，这有助于满足最后一个要求（表格不超过父宽度）。在 Chrome 中完美运行。在 Firefox 中，表格宽度有点太远了。这就是我的风格：

td.id
td.actions {
    text-align: right;

    /* trick table cells into fitting their content with nowrap and zero width */
    white-space: nowrap;
    width: 1px;
}

td {
    @include hyphenation;
}
4

2 回答 2

0

听起来您使用的是像素宽度而不是百分比。如果是，请尝试“60%”或其他合适的值。你可以发布你的代码吗？

于 2012-09-26T00:58:37.513 回答
0 
td.actions {
table-layout:auto;
}
于 2016-03-13T19:26:16.330 回答