如何制作含rowspan的表格？rowspan为整数时的布局难题求解

根据你的调整需求（总行6行，A占6行、B占3行、C占1行、另一个单元格占2行），可以通过精确控制每行的单元格组合实现目标布局，核心是确保每行的单元格“占位”数量匹配，避免跨行单元格顺序错误导致布局错乱。

以下是可直接使用的HTML代码示例：

<table border="1" cellpadding="8">
  <!-- 第1行 -->
  <tr>
    <td rowspan="6">A</td>
    <td rowspan="3">B</td>
  </tr>
  <!-- 第2-3行：B已占3行，无需重复添加第二列单元格 -->
  <tr></tr>
  <tr></tr>
  <!-- 第4行 -->
  <tr>
    <td rowspan="2">D</td> <!-- 你提到的占2行的单元格 -->
  </tr>
  <!-- 第5行：D已占2行，无需重复添加第二列单元格 -->
  <tr></tr>
  <!-- 第6行 -->
  <tr>
    <td>C</td>
  </tr>
</table>

关键注意事项： #

• 跨行单元格（rowspan）必须放在起始行，后续被跨行覆盖的行不能再添加对应位置的单元格，否则会导致表格列数错乱。
• 总行数要严格匹配跨行逻辑：A占6行覆盖全部行，B占前3行，D占第4-5行，C占第6行，刚好填满6行。
• 如果你的目标布局列数更多，可调整单元格的列数和跨行规则，核心逻辑保持不变：确保每行的有效单元格占位数量一致。

内容的提问来源于stack exchange，提问作者대훈조