html - 使 <td> 跨越表格中的整行

Question

我对 HTML 并不陌生，但已经有一段时间没有接触它了，我遇到了一个恼人的问题。

我有一个包含两行的表格。
我希望第一行有一列 - 意味着它将跨越整行，我希望第二行有三列，每列占行宽的 33.3%。

我有这个表的代码:

<table width="900px" border="0" cellspacing="0" cellpadding="0">
    <tr>
        <td align="center">check</td>
    </tr>
    <tr>
        <td align="center">check</td>
        <td align="center">check</td>
        <td align="center">check</td>
    </tr>
</table>

但是发生的事情很奇怪，第一行有一列的大小与第二行的第一列相同，每当我更改其中一列时，它也会更改另一列。

如果我给出第一行的 <td> 500px 的宽度值可以说，它设置第二行的第一行 <td>大小相同。

我做错了什么？

Answer 1

您应该在第一行的 td 上使用 colspan 属性。
Colspan="3" 会将单元格设置为跨 3 列。

<table width="900px" border="0" cellspacing="0" cellpadding="0">
    <tr>
        <td align="center" colspan="3">check</td>
    </tr>
    <tr>
        <td align="center">check</td>
        <td align="center">check</td>
        <td align="center">check</td>
    </tr>
</table>