如何不使用CSS制作列1含3单元格、列2含2单元格的复杂HTML表格？

完全可以只用纯HTML实现，借助rowspan属性就能完成行合并，不需要额外的CSS设置高度。

正确的代码如下：

<table border="1" cellpadding="50">
  <tr>
    <td>1</td>
    <td rowspan="2">4</td>
  </tr>
  <tr>
    <td rowspan="2">2</td>
  </tr>
  <tr>
    <td rowspan="2">5</td>
  </tr>
  <tr>
    <td>3</td>
  </tr>
</table>

原理说明： #

• 第二列的单元格4通过rowspan="2"跨占第1、2两行，与第一列的1、2单元格对齐
• 第二列的单元格5通过rowspan="2"跨占第3、4两行，与第一列的2、3单元格对齐
• 浏览器会自动根据cellpadding或单元格内容分配行高，无需手动设置CSS的height属性

另外注意：HTML的border属性不需要写单位（比如border="1"即可，浏览器默认解析为像素），原代码里的border="1px"写法不符合标准。

内容的提问来源于stack exchange，提问作者Sam Fisher