Html 表 Colspan 未按预期显示

Answer 1

您可以使用 table-layout CSS 属性，如下所示：

table {
  table-layout: fixed;
  width: 100%;
}

<table border="1">

    <tr>
        <td style="background-color: red;" colspan="3">Red</td>
        <td></td>
        <td></td>
    </tr>
    <tr>

        <td></td>
        <td></td>
        <td style="background-color: green;" colspan="2">Green</td>
        <td></td>

    </tr>

    <tr>
        <td></td>
        <td></td>
        <td style="background-color: blue;" colspan="3">Blue</td>
    </tr>

</table>