在HTML中优先考虑表格列

Question

有没有办法在HTML中优先处理一个表列？问题是，我有4列，所有单元格中的内容可能会发生很大变化。但我希望第一列占用尽可能多的空间，因此其他3列只使用所需的宽度，以便将所有内容保存在一行上。

表本身有一个固定的宽度。

Answer 1

将class分配给每行中最后三个单元格，如下所示：<td class="tight">。现在，将这样的CSS添加到样式表中：

td.tight
{
    width: 1px;
    white-space: nowrap;
}

width规则指示您的单元格尽可能地缩小，white-space规则规定单元格的内容不应该包含多行。

此解决方案假设表格的样式具有一定的固定宽度（可能为100％）。