跨行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>