css样式的垂直居中怎么做

要在CSS中实现垂直居中，可以使用以下方法：

1. 对于单行文本或行内元素：
将父元素的 `display` 属性设置为 `flex`，并使用 `align-items: center;` 来将子元素垂直居中。

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

2. 对于块级元素：
使用绝对定位和负边距的组合来实现垂直居中。

   .parent {
     position: relative;
   }

   .child {
     position: absolute;
     top: 50%;
     transform: translateY(-50%);
   }

3. 对于未知高度的块级元素：
使用 Flexbox 布局的 `display: flex;` 和 `justify-content: center; align-items: center;` 属性来实现垂直居中。

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

以上是几种常见的实现垂直居中的方法，可以根据具体的需求选择适合的方式。