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

使用像这样的colspan：

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

通过colspan，您将以下单元格合并为一行。如果在样本中使用2，则会获得一个宽度为前两列的单元格，第三个单元格作为表格其余部分的第三个单元格。

Answer 5

用下面的

改变第一行

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

Answer 6

如果您使用的是 JSX （ React ），则应这样写。 s中的colspan大写，其值为数字而不是字符串。

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

跨越表中的整行

6 个答案: