固定宽度的HTML表格，只有一个适应列

Question

如何制作HTML双列表，其中第一列仅占用所需宽度，但第二列填充固定总表宽度？因此，更改第二列内容不会重新平衡第一列和第二列之间的空间，而不会为第一列指定固定宽度。

Answer 1

您可以使用

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

在CSS中

。这适用于现代浏览器。 IE的旧版本（直到IE 6）不理解这里使用的“高级”选择器;对他们来说，你可以使用

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

HTML中的

（它对现代浏览器没有任何影响），在<table>标记之后和表格行之前。

如果单元格包含空格或者可能在两条或更多条线上分割，则“它需要的宽度”这个概念有些模棱两可。如果“foo”和“bar”要保持在同一条线上，那么带有“foo bar”的单元格需要更多空间。默认情况下，浏览器可能会拆分它们您可以通过说

来防止这种情况发生在CSS中

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

Answer 2

添加

style="width: 100%"

到要扩展的表格单元格。