第2行目で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つのセルがあり、2番目のセルには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>