使用 flexbox 对齐元素

开始之前：先看一下我们的 flexbox 介绍。

在本教程中，您将发现：

1. 使单个元素居中的技巧
2. 使多个元素居中的方法

如何将单个元素置于中心位置

要将一个元素在其父容器内垂直和水平居中：

1. 在画布上或导航器中识别父容器
2. 导航 样式面板 > 布局 > 展示
3. 按下 柔性
4. 选择 中心细胞 在里面 定位框 （您也可以选择 中心 从 X 和 是轴 下拉列表）

您还可以应用上述步骤，使包含多个子元素的单个元素在其容器内居中 - 例如，使容器与内部的标题、段落和链接块对齐。

如何集中定位多个元素

你可以利用 flexbox 将多个元素置于容器的中心位置。例如，如果你有两个卡片元素需要水平和垂直排列并居中，那么这种方法就很有用：

1. 在画布上或导航器中识别父容器
2. 导航 样式面板 > 布局 > 展示
3. 按下 柔性
4. 点击垂直“向下箭头”图标将 flex 方向调整为垂直
5. 选择 中心细胞 在里面 定位框 （您也可以选择 中心 从 X 和 是轴 下拉列表）

了解有关 flexbox 的更多信息。