单元格的宽度取决于单元格内容、HTML和CSS的宽度设置、浏览器，可能还取决于月相，colspan属性只指定一个单元格占用多少列（因此，表格网格中有多少个位置）。
如果您看到第2行的最后一个单元格最宽，那么原因可能是它的内容最多（或者它有一个宽度设置），您的演示代码没有演示这种行为。
如果不希望列宽调整为单元格的大小要求，请在CSS中显式设置列宽（或在HTML中）。在此之前，最好从表结构中删除所有不必要的复杂性。如果您的演示代码反映了整个结构，那么列2到8是一个不必要的划分，例如，它们可以被转换为一个单独的列。演示（使用拙劣的像素宽度只是为了明确）：

<table class="floating simpletable" border>
    <col width=100><col width=100><col width=100>
    <tbody>
        <tr><td colspan="4">1st row</td></tr>
        <tr><td colspan="2">span 1</td><td>span 2</td><td>span 3 </td></tr>
        <tr><td colspan="4">3rd row</td></tr>
        <tr><td>span</td><td colspan="3">other span</td></tr>
    </tbody>
</table>

如果没有这样的重写，恐怕您的表违反了HTML的表模型，因为当前没有从第3列或第4列开始的单元格...

colspan确定单元格重叠的列数，而不是这些列的大小。使用CSS width属性指定内容的宽度。

只有display: table-cell实现colspan的行为，因此应用任何其他display值将导致忽略该属性。
如果你想对一个单元格的内容使用其他的display算法，你可以使用一个 Package 器：

<td colspan="2"> <!-- the cell is still `display: table-cell` -->

  <div style="display: grid"> <!-- the wrapper can have any `display` rule you need -->

    <!-- the cell content -->

  </div>

</td>