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>