html表格合并单元格后单元格的文本垂直排列

在HTML中，当通过`<table>`标签创建表格并合并单元格时，如果想要合并后的文本垂直对齐，可以使用CSS来控制。有两种常见的方法：

1. **`vertical-align` 属性**：在合并的单元格上应用 `style="vertical-align: middle;"` 或 `vertical-align: top;`（默认为baseline，即底部对齐）。`middle` 可以使文本居中，而 `top` 则会使文本相对于顶部对齐。

<table>
  <tr>
    <td style="width:50%; vertical-align:middle;">单元格1内容</td>
    <td style="width:50%; vertical-align:middle;">单元格2内容</td>
  </tr>
</table>

2. **`colspan` 和 `rowspan` 属性**：除了直接合并单元格，还可以指定单元格跨越行数(`rowspan`)和列数(`colspan`)。这会自动调整内联样式，如`vertical-align`。

<table>
  <tr>
    <td>合并单元格<td colspan="2">这是跨越两个单元格的内容，你可以自定义其垂直对齐。</td>
  </tr>
</table>