flex布局下子元素居中

在 Flex 布局下，要使子元素居中，可以采用以下方法：

1. 使用 justify-content 属性：设置父容器的 justify-content 属性为 center，这将使子元素在主轴上居中对齐。例如：

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

2. 使用 align-items 属性：设置父容器的 align-items 属性为 center，这将使子元素在交叉轴上居中对齐。例如：

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

3. 使用 flex 属性：对于子元素，可以使用 flex 属性设置为 1，并且配合 align-self 属性设置为 center，这将使子元素在交叉轴上居中对齐。例如：

.child {
  flex: 1;
  align-self: center;
}

这些方法可以根据你的具体情况选择使用，具体取决于你想要在主轴或交叉轴上进行居中对齐。