You need to enable JavaScript to run this app.
优惠活动
大模型
产品
解决方案
定价
更多

如何合并表格28号与29号单元格且不破坏布局?

解决HTML表格合并28与29单元格的布局问题

原表格因列数结构不统一,直接给28号单元格加colspan=2会导致布局混乱。以下是修正后的代码,既能合并28和29单元格,又能保持原有表格布局:

<table width="100%" border="2">
  <tr>
    <td colspan="2" rowspan="2">1</td>
    <td colspan="2">3</td>
    <td colspan="2">5</td>
  </tr>
  <tr>
    <td colspan="2" rowspan="2">9</td>
    <td colspan="2" rowspan="2">11</td>
  </tr>
  <tr>
    <td>13</td>
    <td rowspan="3">14</td>
    <td colspan="2"></td>
    <td colspan="2"></td>
  </tr>
  <tr>
    <td rowspan="3">19</td>
    <td rowspan="3">21</td>
    <td colspan="2">22</td>
    <td colspan="2">24</td>
  </tr>
  <tr>
    <td colspan="2" rowspan="2">28-29</td>
    <td colspan="2" rowspan="2">30</td>
  </tr>
  <tr>
    <td colspan="2">32</td>
  </tr>
</table>

修改说明

  • 统一表格列数为6(与第一行列数总和一致),补充空单元格或调整colspan属性,解决原表格列结构错位问题。
  • 将原28、29号的两个单元格合并为一个,设置colspan=2和rowspan=2,实现跨列跨行的合并效果。
  • 调整24、30、32号单元格的colspan属性,确保每一行的列数总和匹配,维持整体布局稳定。

内容的提问来源于stack exchange,提问作者Masood Abdolian

相关产品推荐
方舟 Agent Plan

超全模态模型 × Harness 升级,最新支持 Deepseek-V4.1-Flash、GLM-5.3 系列、Doubao-Seedream-5.0-pro、Kimi-K3 (部分), 限时 9.9 元起

最近更新时间:2026.07.31 05:39:54