有第二個Html表格單元格跨度屏幕

Question

我有一個兩列一行的表格，屏幕上的寬度爲100％。我希望第一列佔用儘可能多的空間，因爲它的內容將填滿。這個內容不應該佔用整個屏幕，所以我不擔心包裝。然後我想讓第二個單元佔據水平空間的其餘部分。

我該如何設置這張桌子？我已經嘗試了許多不同的設置兩個單元格寬度的組合，但無濟於事。

Answer 1

設置你的CSS如下：

table { 
    width: 100%; 
} 

td.firstCol { 
    width: 1%; 
    white-space: nowrap; 
} 

而且你的表格標記像這樣：

<table> 
    <tr> 
    <td class="firstCol"> 
     First column content 
    </td> 
    <td> 
     Second column content 
    </td> 
    </tr> 
</table> 

這應該做的伎倆。