Einfaches HTML ohne CSS: Colspan funktioniert im th/td nicht richtig, konsistent über alle Zeilen hinweg

Question

Ich verstehe nicht, warum meine colspan nicht funktioniert. Ich habe eine CSS-Lösung, bin mir aber nicht sicher, warum das nicht funktioniert. Die Breite der ersten Spalte sollte 1/3 der anderen Spalten betragen, mit colspan="1" für die erste Spalte und dem td und colspan="3" für alle anderen Spalten.

Die App ist für Bestenlisten gedacht, daher enthält die erste Spalte die Ranglistennummern (1, 2, 3...) und muss viel schmaler sein als die nachfolgenden Spalten.

Natürlich können Sie class="colspan-3" 和 class="colspan-1" 以及 css colspan-1{width:4.5%} colspan-3{width:13.5%} 来解决 oder ein beliebiges mathematisches Ergebnis verwenden ... aber ich möchte wirklich nur wissen, was los ist.

Details hinzufügen, weil ich denke, dass diese Frage in Zukunft jemandem helfen wird:

Damals dachte ich, ich könnte Colspan für relative Einheiten verwenden, indem ich im Wesentlichen die Breite jeder Spalte im Verhältnis zu den anderen Spalten festlege. Das Problem, das ich habe, ist, dass jede Spalte genau die gleichen Einheiten hat. Es funktioniert nur bei einzelnen Zellen in einer Spalte und ähnelt im Wesentlichen der Funktion „Zusammenführen“ in 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>

Answer 1

感谢@Ouroborus，我以为我疯了，但在每天使用 HTML 近十年之后，显然仍然有东西需要学习。

如果列中的所有单元格都设置为相同的要跨越的列数，则 colspan 将不起作用，如此处定义：https://developer.mozilla.org/en-US/docs/Web/HTML/Element/td

再次感谢Ouroborus发现了我的误解！