css实现垂直水平居中

要实现CSS中的垂直水平居中，可以使用以下几种方法：

1. 使用Flexbox布局：
可以通过设置父容器的display属性为flex，并使用justify-content和align-items属性来实现垂直水平居中。具体代码如下：

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

2. 使用绝对定位和transform属性：
可以通过将子元素设置为绝对定位，并使用transform属性来实现垂直水平居中。具体代码如下：

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

3. 使用表格布局：
可以通过将父容器设置为display: table，并将子元素设置为display: table-cell来实现垂直水平居中。具体代码如下：

   .container {
     display: table;
     width: 100%;
     height: 100%;
   }
   .child {
     display: table-cell;
     vertical-align: middle;
     text-align: center;
   }