使<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

您应该colspan在第一行的td上使用该属性.
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>

Answer 2

你想使用这样的colspan属性：

 <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>

Answer 3

您可以使用 colspan

<td align="center" colspan="3">check</td>

http://www.w3schools.com/tags/att_td_colspan.asp

Answer 4

如果你使用JSX ( React )，它应该这样写。in是大写的s，colspan并且值是数字而不是字符串。

<td colSpan={3}>Text</td>