HTML 表格设置总列宽

Question

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

我有一个包含 2n 列(已生成)的表，我想设置 n 列的宽度为特定值，但不包含:

• JS
• table-layout:fixed(某些列必须随其内容拉伸(stretch))
• 带 colspan 的嵌套表格(表格必须保持列和行对齐)

例如:我有 4 列表

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

我想将其分组:宽度列 1 + 宽度列 2 = 50% 和宽度列 3 + 宽度列 4 = 50% 并且列 1、2、3、4 的宽度是自动的。

这可能吗？

Answer 1

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

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