css单元格合并内容居中

CSS中的单元格合并和内容居中是Table布局中常用的技巧。

对于单元格合并，我们使用CSS的rowspan和colspan属性。

  <table>
    <tr>
      <td rowspan="2">单元格合并</td>
      <td>第一行</td>
    </tr>
    <tr>
      <td>第二行</td>
    </tr>
  </table>

在上述代码中，我们指定了第一个单元格的rowspan="2"属性，使其合并了两行单元格。

对于内容居中，我们可以使用CSS的text-align:center和vertical-align:middle属性。

  <table>
    <tr>
      <td style="text-align:center; vertical-align:middle;">居中内容</td>
    </tr>
  </table>

在上述代码中，我们使用了style属性指定了text-align:center和vertical-align:middle属性，使单元格中的内容居中。

需要注意的是，text-align:center只是水平居中，vertical-align:middle只是垂直居中，如果需要同时实现水平和垂直居中，需要将这两个属性同时用到。