html 表格 td 大小固定和相对混合答案

【问题标题】：html table td size fixed and relative mixedhtml 表格 td 大小固定和相对混合
【发布时间】：2016-10-24 23:21:38
【问题描述】：

例如，

<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%。但仍然无法正常工作。

【问题讨论】：

为什么 10 在一个 td 中，% 在另一个？
width=10 有内容，% 只是内容之间的空格。
完全错了，好好学习如何建表
真的吗？怎么了？对这种情况有什么建议吗？提前致谢。
这个<td width="10">应该是``而不是单独的td

标签： html-table width

【解决方案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>

【讨论】：