rowspan在第二行上没有像预期的那样工作

Question

为什么顶部“1 2 3”与底部“1 2 3”不一致？

<table> 
 
    <tr> 
 
    <td>1</td> 
 
    <td>2</td> 
 
    <td>3</td> 
 
    </tr> 
 
    <tr> 
 
    <td>a</td> 
 
    <td rowspan="3">⟶</td> 
 
    <td>b</td> 
 
    <td rowspan="3">⟶</td> 
 
    <td>c</td> 
 
    </tr> 
 
    <tr> 
 
    <td>1</td> 
 
    <td>2</td> 
 
    <td>3</td> 
 
    </tr> 
 
</table>

Answer 1

所有行必须有相同数目的细胞，或者如果使用rowspans，那些有定期（不-rowspanning）细胞的数量来总结。 你的第一行有3个单元格，第二行6个。这是行不通的。如果你在第一行中插入这些跨越行的单元格（就像我在下面的代码片段中所做的那样），它将起作用。

td { border: 1px solid #ddd; }

<table> 
 
    <tr> 
 
    <td>1</td> 
 
    <td rowspan="3">⟶</td> 
 
    <td>2</td> 
 
    <td rowspan="3">⟶</td> 
 
    <td>3</td> 
 
    </tr> 
 
    <tr> 
 
    <td>a</td> 
 
    <td>b</td> 
 
    <td>c</td> 
 
    </tr> 
 
    <tr> 
 
    <td>1</td> 
 
    <td>2</td> 
 
    <td>3</td> 
 
    </tr> 
 
</table>