table 垂直居中

在HTML和CSS中，实现表格垂直居中有多种方法。以下是其中几种常用的方法：

1. 使用CSS的flexbox布局：
- 在包含表格的父元素上设置display为flex，并使用align-items属性将内容垂直居中。
- 示例代码如下：

     .container {
       display: flex;
       align-items: center;
     }

2. 使用CSS的table布局：
- 将表格的父元素设置为display: table，并将子元素设置为display: table-cell。
- 在父元素上使用vertical-align属性将内容垂直居中。
- 示例代码如下：

     .container {
       display: table;
     }
     .cell {
       display: table-cell;
       vertical-align: middle;
     }

3. 使用CSS的position和transform属性：
- 将表格的父元素设置为position: relative。
- 将表格设置为position: absolute，并使用top和left属性将其居中。
- 示例代码如下：

     .container {
       position: relative;
     }
     .table {
       position: absolute;
       top: 50%;
       left: 50%;
       transform: translate(-50%, -50%);
     }

这些方法可以根据具体情况选择使用，根据不同的布局需求和浏览器兼容性考虑，选择最适合的方法来实现表格的垂直居中。