表rowspan和colspan问题

Question

在查看带有rowspan和colspan的表结构时，我查了两个有趣的实例。

查看jsfiddle

第一个表应该有三行，但最后一行保留在第二行。虽然我明白如果我将底部行跨更改为1而不是2，这是固定的，为什么它不能以这种方式工作？

<table border="1">
    <tr>
        <td rowspan="3">3</td>
        <td>1</td>
        <td>1</td>
        <td>1</td>
    </tr>
    <tr>
        <td rowspan="2">2</td>
        <td rowspan="2">2</td>
        <td rowspan="2">2</td>
    </tr>
    <tr>
        <td colspan="4">bottom</td>
    </tr>
</table>

第二个表应该有一个底部边框，但不显示一个。再一次，我意识到底部行和左侧框的左侧行的行数为2，底部行的行数为1，但我想知道为什么它不能像我在jsfiddle中显示的那样工作。

<table border="1">
    <tr>
        <td rowspan="3">3</td>
        <td>1</td>
        <td>1</td>
        <td>1</td>
    </tr>
    <tr>
        <td rowspan="2">2</td>
        <td rowspan="2">2</td>
        <td rowspan="2">2</td>
    </tr>
</table>

Answer 1

第一个表格格式错误，因为上面的所有列都有rowspan＆gt; 1.第3行没有留下添加单元格的列，但是你有colspan = 4。

第二个表格格式错误，因为第二行中的所有列都有rowpan＆gt; 1，因此没有最后一行，也没有底边。