html表格垂直居中

HTML表格垂直居中可以通过CSS来实现。一种常见的方法是利用 Flexbox 或 Grid 布局，或者结合`vertical-align`属性。以下是几种常见的方式：

1. **Flexbox**:
如果表格是表格行（tr）内的内容需要居中，可以给包含表格的容器设置 `display: flex; justify-content: center; align-items: center;`。

<div style="display: flex; justify-content: center; align-items: center;">
  <table>
    <!-- 表格内容 -->
  </table>
</div>

2. **Grid** (适用于现代浏览器):
你可以将表格放入一个网格单元格，并设置 `align-self: center;` 属性使其垂直居中。

<div style="display: grid;">
  <div style="align-self: center;">
    <table>
      <!-- 表格内容 -->
    </table>
  </div>
</div>

3. **`vertical-align`** 和 `line-height`:
如果只是想让表格单元格的内容居中，可以在每个单元格内设置 `vertical-align: middle;` 并调整表格元素的 line-height 与高度相匹配。

<table style="height: some-height;">
  <tr>
    <td style="vertical-align: middle; line-height: some-line-height;">表格内容</td>
  </tr>
</table>