只有一個適配列的固定寬度HTML表格

Question

如何製作一個HTML兩列表格，其中第一列僅佔用需要的寬度，而第二列填充固定的總表格寬度？因此，更改第二列的內容不會重新平衡第一列和第二列之間的空間，而不會將固定寬度分配給第一列。

Answer 1

可以在CSS使用

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

。這適用於現代瀏覽器。 IE的舊版本（高達IE 6）不理解這裏使用的「高級」選擇器;對他們來說，你可以在<table>標記之後和錶行之前使用

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

在HTML（它在現代的瀏覽器不傷害）

。

如果一個單元格包含空格或者可能在兩行或多行上拆分，則「它需要的寬度」的概念有點不明確。如果「foo」和「bar」保持在同一行，則帶有「foo bar」的單元格需要更多空間。默認情況下，瀏覽器可能會拆分它們。你可以通過說在012防止這個在CSS中說

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

Answer 2

只需添加

style="width: 100%" 

到要展開表單元格。