没有 CSS 的纯 HTML：Colspan 在 th/td 中无法正常运行，在所有行中保持一致
我不明白为什么我的 colspan 不工作。我有一个 CSS 解决方案，但我只是困惑为什么这行不通。 第一列的宽度应为其他列的 1/3，第一列和 td 上有 colspan="1"，而所有其他列的宽度均为 colspan="3"。
该应用程序用于排行榜，因此第一列将包含排名编号（1、2、3...），并且需要比后续列窄得多。
当然可以用 class="colspan-3" 和 class="colspan-1" 以及 css colspan-1{width:4.5%} colspan-3{width:13.5%} 来解决 或任何数学结果...但是，我真的只是想知道发生了什么。
添加详细信息，因为我认为这个问题将来会对某人有所帮助：
当时，我认为我可以使用 colspan 作为相对单位，本质上是通过使每列的宽度相对于其他列。我遇到的问题是每列都有完全相同的单位。它仅适用于列中的单个单元格，本质上类似于 Microsoft Excel 中的“合并”功能。
<table border="2">
<thead>
<tr>
<th colspan="1">th1 colspan1</th><!-- colspan=1 here -->
<th colspan="3">th2 colspan3</th>
<th colspan="3">th3 colspan3</th>
<th colspan="3">th4 colspan3</th>
<th colspan="3">th5 colspan3</th>
<th colspan="3">th6 colspan3</th>
<th colspan="3">th7 colspan3</th>
<th colspan="3">th8 colspan3</th>
</tr>
</thead>
<tbody>
<tr>
<td colspan="1">td1 colspan1</td><!-- colspan=1 here -->
<td colspan="3">td2 colspan3</td>
<td colspan="3">td3 colspan3</td>
<td colspan="3">td4 colspan3</td>
<td colspan="3">td5 colspan3</td>
<td colspan="3">td6 colspan3</td>
<td colspan="3">td7 colspan3</td>
<td colspan="3">td8 colspan3</td>
</tr>
</tbody>
</table>
