HTML表格行显示异常：第5行未生效，期望表格共5行

你的问题出在表格单元格的rowspan设置错误，以及行结构不符合列数规则：

• 第2行的单元格<td colspan="2" rowspan="3">3</td>设置了rowspan="3"，意味着这个单元格会占用第2、3、4行的右侧2列，直接把第4、5行的右侧位置占满了，导致第5行的<td>6</td><td>7</td>没有地方放置，浏览器会自动忽略这部分内容。
• 另外，表格的每行单元格总跨度需要等于5列（因为表格是5列布局），原代码中部分行的单元格跨度总和不匹配，浏览器的自动修正逻辑也会导致第5行无法正常渲染。

修正后的代码 #

<table border="1" cellspacing="0" width="300">
  <tr>
    <td colspan="5">1</td>
  </tr>
  <tr>
    <td colspan="3">2</td>
    <td colspan="2" rowspan="2">3</td> <!-- 将rowspan从3改为2，仅跨行2、3 -->
  </tr>
  <tr>
    <td rowspan="3">4</td> <!-- 跨行3、4、5，共3行 -->
    <td colspan="2">5</td>
  </tr>
  <tr>
    <td rowspan="2">8</td> <!-- 跨行4、5，共2行 -->
    <td rowspan="2">9</td> <!-- 跨行4、5，共2行 -->
    <td>6</td>
    <td>7</td>
  </tr>
  <tr>
    <!-- 4、8、9通过rowspan自动延伸到该行，无需重复编写 -->
  </tr>
</table>

修正说明 #

调整后表格会匹配你预期的5行结构：

• 行1：全宽单元格1
• 行2：单元格2（占3列）+ 单元格3（占2列，跨行2-3）
• 行3：单元格4（延伸）+ 单元格5（占2列）+ 单元格3（延伸）
• 行4：单元格4（延伸）+ 单元格8（延伸）+ 单元格9（延伸）+ 单元格6、7
• 行5：单元格4、8、9自动延伸补全行

内容的提问来源于stack exchange，提问作者Md Anik