HTML表格设置总列宽

Question

有没有人知道如何在HTML表格中设置列的总宽度？

我有一个包含2n列（生成）的表，我想设置具有特定值的n列宽度，而不是：

• JS
• table-layout：fixed（某些列必须使用其内容进行拉伸）
• 带有colspan的嵌套表（表必须保持列和行对齐）

例如：我有4列表

<table>
  <tr>
    <td>Col 1</td>
    <td>Col 2</td>
    <td>Col 3</td>
    <td>Col 4</td>
  </tr>
</table>

我希望将其分组：宽度Col 1 +宽度Col 2 = 50％，宽度Col 3 +宽度Col 4 = 50％，Col 1,2,3,4的宽度是自动。

有可能吗？

Answer 1

＆＃13;

＆＃13;

table {
  max-width:100%;
}
table td {
  max-width:25%;
}

＆＃13;

<table>
  <tr>
    <td>Col 1</td>
    <td>Col 2</td>
    <td>Col 3</td>
    <td>Col 4</td>
  </tr>
</table>

＆＃13;

＆＃13;

＆＃13;