HTML表TD尺寸固定和相對混合

Question

例如，

<table width="100%"> 
    <tr> 
    <td width="40"></td> // left margin 

    <td width="10">0</td> 
    <td width="%"></td> 
    <td width="10">3</td> 
    <td width="%">0</td> 
    <td width="10">6</td> 
    <td width="%">0</td> 
    <td width="10">9</td> 

    <td width="40"></td> // right margin 
    </tr> 
</table> 

我希望有固定數量的柱是固定的，其他是相對的。我嘗試了25％。但仍然無法正常工作。

Answer 1

基於這個問題，這是我如何構造它。展示代碼的是JSFiddle。

CSS：

table { 
    width: 100%; 
} 

td.fixed { 
    position: fixed; 
    width: 40%; 
} 

td.others { 
    padding: 0 10px; 
    width: 10%; 
} 

HTML：

<table> 
    <tr> 
    <td class="fixed"></td> 

    <td class="others">0</td> 
    <td class="others">3</td> 
    <td class="others">6</td> 
    <td class="others">9</td> 

    <td class="fixed"></td> 
    </tr> 
</table>