テーブルスパンの仕組みは？

Question

私は何をしたいと思います：

私が書いた何を：

<table> 
    <TR> 
     <TD ROWSPAN="4">left</TD> 
     <TD ROWSPAN="12">middle</TD> 
     <TD ROWSPAN="3">right</TD> 
    </TR> 
    <TR> 
     <TD ROWSPAN="4">left2</TD> 
     <TD ROWSPAN="3">right2</TD> 
    </TR> 
    <TR> 
     <TD ROWSPAN="4">left3</TD> 
     <TD ROWSPAN="3">right3</TD> 
    </TR> 
    <TR> 
     <TD ROWSPAN="3">right4</TD> 
    </TR> 
</table> 

をこれはこれで判明：私はテーブルが同じ高さを持っていたいと思います

、私ができますこのように動作しますが、それは同じ高さではありません。

<table> 
    <TR> 
     <TD>left</TD> 
     <TD ROWSPAN="12">middle</TD> 
     <TD>right</TD> 
    </TR> 
    <TR> 
     <TD>left2</TD> 
     <TD>right2</TD> 
    </TR> 
    <TR> 
     <TD>left3</TD> 
     <TD>right3</TD> 
    </TR> 
    <TR> 
     <TD>right4</TD> 
    </TR> 
</table> 

このような結果：

Answer 1

はそれを手に入れました！そのトリックは、の一部が空いていても、合計1​​2個の<tr>を持つでした。

好奇心の点として、私はテーブルをExcelにして、HTMLとして保存し、そこに置くすべてのインラインスタイルを削除することでこれを解決しました。

td { 
 
    border: 1px solid black; 
 
}

<table> 
 
<tr> 
 
    <td rowspan=4>left</td> 
 
    <td rowspan=12>middle</td> 
 
    <td rowspan=3>right</td> 
 
</tr> 
 
<tr> 
 
</tr> 
 
<tr> 
 
</tr> 
 
<tr> 
 
    <td rowspan=3>right2</td> 
 
</tr> 
 
<tr> 
 
    <td rowspan=4>left2</td> 
 
</tr> 
 
<tr> 
 
</tr> 
 
<tr> 
 
    <td rowspan=3>right3</td> 
 
</tr> 
 
<tr> 
 
</tr> 
 
<tr> 
 
    <td rowspan=4>left3</td> 
 
</tr> 
 
<tr> 
 
    <td rowspan=3>right4</td> 
 
</tr> 
 
<tr> 
 
</tr> 
 
<tr> 
 
</tr> 
 
</table>