跨行HTML表格

Question

如何在HTML中製作如下的表格佈局？

------------------------------- 
|  2  | 1 row | 
|  rows  |-------------| 
|---------------|  2  | 
| 1 row  | rows  | 
------------------------------- 

Answer 1

您可以嘗試爲列中的每個單元格設置高度。並使用rowspan屬性。

td { 
 
    width: 100px; 
 
}

<table border="1"> 
 
    <tr> 
 
    <td rowspan="2" height="80">2 rows</td> 
 
    <td height="40">1 row</td> 
 
    </tr> 
 
    <tr> 
 
    <td rowspan="2" height="80">2 rows</td> 
 
    </tr> 
 
    <tr> 
 
    <td height="40">1 row</td> 
 
    </tr> 
 
</table>