flex布局多个子元素垂直居中

可以使用flex布局的align-items属性来实现多个子元素的垂直居中。将父元素的display属性设置为flex，然后设置align-items属性为center即可。

示例代码如下：

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