页面对齐元素

在本文中，您将了解到如何在PageFly页面上对齐元素。

步骤 1: 选择元素的容器

本示例中，有一个带有2个列的部件。 在右侧列里，有标题，段落和按钮元素。

首先，我们需要了解页面上如何包含元素。 例如，我们选择按钮元素，面包屑导航显示其容器：部件-行-列-按钮。

由于我们要对齐此按钮，因此需要选择其容器，即面包屑中的列。

步骤 2：对齐容器中的所有元素

在执行特定步骤之前，您可以观看下面的视频

现在，要按钮元素居中对齐，选择 列> 样式选项卡> 排版部分，然后如下所单击文本对齐下的居中图标

步骤 3：对齐容器中的特定元素

如果对齐的时候，希望标题和段落仍然左对齐，可以安装以下步骤操作：

• 选择标题文本的容器，即标题元素。
• 转到右侧元素检视版中的样式选项卡。
• 单击排版部分的文本对齐下的左图标。

通过选择段落元素 > 样式选项卡 > 排版部分> 文本对齐下的左图标，对该段落执行相同的操作。 结果，如下图所示。

样式设置中的优先级

请记住，嵌套元素的设置优先级高于其容器的设置。 例如，如果将列对齐方式设置为“中心”，但是该列中的段落元素设置为“左”，则该段落将左对齐。