Flex 布局中如何使子元素在容器内水平居中

在 Flex 布局中，可以使用 align-items 属性来让子元素在自己的容器中水平居中。当 flex-direction 为 row 时，align-items 的属性值可以为 center，表示在垂直方向上居中对齐。

例如：

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

.item {
  /* 其他样式 */
}

在上面的例子中，子元素 .item 将在容器 .container 中水平方向居中对齐。