第一个表格列的最小宽度答案

【问题标题】：Minimum width of first table column第一个表格列的最小宽度
【发布时间】：2012-01-09 15:48:21
【问题描述】：

有没有办法让左边的第一列有一个最小宽度……比如 50%？

我有不同数量的单独表格（具有不同的标题，因此它们是单独的数据片段）。

显然，表格列会根据其中的内容量来改变它们的宽度...如果它需要额外的空间，那么它将从同一个表格中的其他列中占用更多空间...这很酷，但是当有很多空间时而且它不需要任何额外的空间，如果它们都保持相同的宽度，它会更整洁......比如 50%

知道如何在不使用 PHP 测试其中包含多少内容并添加不同类的情况下执行此操作吗？

【问题讨论】：

【解决方案1】：

我很惊讶地发现 min-width 并不能解决问题。但是，玩了一段时间后，我遇到了这个解决方案：

td:first-child {
    width: 40%;
    white-space: nowrap;
}

【讨论】：

这似乎很酷。均匀宽度：50% 也可以。因此，如果有足够的空间，它会使它们全部对齐，并在有空间的情况下使用空间。我有 3 列有时会搞砸这些，但我怀疑它们可以在没有 col-2、col-3 和不同样式的情况下固定。
虽然，如果你的文本太长，那么它会溢出而不是换行......但我想没有办法解决这个问题

【解决方案2】：

我建议你试试这个来修复css中的表格宽度

    table-layout:fixed;

在 JavaScript 中的语法是：object.style.tableLayout="fixed"

【讨论】：

【解决方案3】：

你可以使用

tbody>tr>td:nth-child(1),
tbody>tr>td:nth-child(2),
tbody>tr>td:nth-child(3) { width: 50%; }

【讨论】：