如何仅在HTML表格的指定行中拆分合并的列？

你的问题核心是中间三行用了rowspan="3"合并列，导致和底部行的拆分样式不匹配。要实现指定行的列拆分，需要调整表格结构，确保每一行的列数对应：

修改后的完整代码 #

<h6>↓ My Table ↓</h6>
<table border="3">
  <tr align="center">
    <th colspan="7">Element</th>
  </tr>
  <!-- 修正表头：拆分III/IV/V列，和总colspan=7对应 -->
  <tr align="center">
    <th>I</th>
    <th>II</th>
    <th>III</th>
    <th>IV</th>
    <th>V</th>
    <th>VI</th>
    <th>VII</th>
  </tr>
  <!-- 移除rowspan，拆分出III/IV/V三列 -->
  <tr align="center">
    <td>H</td>
    <td>&nbsp;</td>
    <td>&nbsp;</td>
    <td>&nbsp;</td>
    <td>&nbsp;</td>
    <td>&nbsp;</td>
    <td>He</td>
  </tr>
  <tr align="center">
    <td>Li</td>
    <td>Be</td>
    <td>&nbsp;</td>
    <td>&nbsp;</td>
    <td>&nbsp;</td>
    <td>B</td>
    <td>Ne</td>
  </tr>
  <tr align="center">
    <td>Na</td> <!-- 修正原代码笔误：Ne应为Na -->
    <td>Mg</td>
    <td>&nbsp;</td>
    <td>&nbsp;</td>
    <td>&nbsp;</td>
    <td>Al</td>
    <td>Ar</td>
  </tr>
  <!-- 保持底部行的拆分样式，和表头列数对应 -->
  <tr align="center">
    <td>K</td>
    <td>Ca</td>
    <td>Sc</td>
    <td>Ti</td>
    <td>V</td>
    <td>Ga</td>
    <td>Kr</td>
  </tr>
</table>

关键修改说明 #

• 修正表头结构：把原来合并的III IV V表头拆成三个独立的<th>，让表格总列数和第一行的colspan="7"完全对应，避免结构混乱。
• 移除合并单元格：删掉中间三行的rowspan="3"大单元格，换成III、IV、V三列的独立单元格，空内容用 填充占位。
• 修正元素笔误：原代码第三行第一个单元格错误写为Ne，改为正确的钠元素符号Na。
• 统一内容对齐：给所有行加上align="center"，让内容排版更整齐，和表头风格一致。

这样修改后，中间行的列就和底部行一样是拆分状态，整个表格结构统一，符合你想要的样式。

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