flex布局中的元素垂直居中

在 flex 布局中，要使元素垂直居中，可以使用 `align-items` 属性。这个属性控制着元素在交叉轴（垂直方向）上的对齐方式。

具体做法是，将容器的 `display` 属性设置为 `flex`，然后给容器添加 `align-items: center;` 属性。这样容器内的元素就会垂直居中。

示例代码如下：

HTML：

<div class="container">
  <div class="center">垂直居中的元素</div>
</div>

CSS：

.container {
  display: flex;
  align-items: center;
  /* 容器的其他样式 */
}

.center {
  /* 垂直居中元素的样式 */
}

在上面的代码中，`container` 是容器的类名，`center` 是要垂直居中的元素的类名。你可以根据自己的需求修改这些类名和样式。