HTML CSS表，固定和autoajust

Question

我需要一些幫助表，我有：

<table> 
    <tr> 
     <th>Title</th> 
     <td>Content</td> 
     <th>Title</th> 
     <td>Content</td> 
    </tr> 
</table> 

我想我th既固定的，所以我們說200px，我想我的內容是自動調整，但要有兩個相同的大小，我的td上的內容是動態的，所以我不知道是否會有很多內容或什麼都沒有，我只想要td填充可用空間並共享該空間。所以如果有600px可用，我希望我的td爲300px。 這可能嗎？

Answer 1

給你的表一個固定的table-layout它會做到這一點。您的th元素寬度將爲200px，您的td元素將被強制填充剩餘空間。如果您的表格寬度爲1000px，那麼您的兩個td元素會自動調整爲300px。

table { 
    width:1000px; 
    table-layout:fixed; 
} 

th { 
    width:200px; 
} 

JSFiddle example。