css flex布局垂直居中

在CSS中，使用flex布局可以实现垂直居中。可以通过设置父容器的display属性为flex，然后使用align-items属性设置侧轴（纵轴）对齐方式为center，即可实现垂直居中。例如，可以使用以下代码实现垂直居中：

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

其中，.container是父容器的类名，可以根据实际情况进行修改。这样，容器内的元素就会垂直居中对齐了。[1]