flex布局水平垂直居中

要将元素在Flex布局中水平垂直居中，可以使用以下方法：

1. 将父容器设置为Flex布局：在父容器的样式中添加 `display: flex;`。这将创建一个Flex容器。

2. 水平居中：在父容器的样式中添加 `justify-content: center;`。这将使子元素在水平方向上居中。

3. 垂直居中：在父容器的样式中添加 `align-items: center;`。这将使子元素在垂直方向上居中。

这样，子元素就会在父容器中水平垂直居中。以下是一个示例CSS代码：

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

确保将上述代码应用于包含要居中的元素的父容器。这样，子元素就会在Flex布局中水平垂直居中。