只有一个调整列的固定宽度HTML表

Question

如何创建一个HTML两列表格，其中第一列只占用它所需的宽度，而第二列填充到固定的总表格宽度？因此，在没有为第一列分配固定宽度的情况下，改变第二列内容不会重新平衡第一列和第二列之间的空间。

Answer 1

您可以使用

td:first-child + td { width: 100%; }

在CSS中。这可以在现代浏览器上运行。旧版本的IE (直到IE6)不理解这里使用的“高级”选择器；对于它们，您可以使用

<col><col width="100%">

在HTML语言中(这对现代浏览器没有什么坏处)，在<table>标签之后，在表行之前。

如果一个单元格包含空格，或者可能被分成两行或更多行，那么“需要的宽度”这个概念就有点模棱两可。如果“foo”和“bar”保持在同一行，则带有“foo bar”的单元格需要更多空间。默认情况下，浏览器可能会拆分它们。在CSS中，您可以通过如下语句来防止这种情况

td:first-child { white-space: nowrap; }

Answer 2

只需添加

style="width: 100%"

添加到要展开的表格单元格中。