html-table - 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>