在本文中,您将了解到如何在PageFly页面上对齐元素。
步骤 1: 选择元素的容器
本示例中,有一个带有2个列的部件。 在右侧列里,有标题,段落和按钮元素。
首先,我们需要了解页面上如何包含元素。 例如,我们选择按钮元素,面包屑导航显示其容器:部件-行-列-按钮。
由于我们要对齐此按钮,因此需要选择其容器,即面包屑中的列。
步骤 2:对齐容器中的所有元素
在执行特定步骤之前,您可以观看下面的视频
现在,要按钮元素居中对齐,选择 列> 样式选项卡> 排版部分,然后如下所单击文本对齐下的居中图标
步骤 3:对齐容器中的特定元素
如果对齐的时候,希望标题和段落仍然左对齐,可以安装以下步骤操作:
- 选择标题文本的容器,即标题元素。
- 转到右侧元素检视版中的样式选项卡。
- 单击排版部分的文本对齐下的左图标。
通过选择段落元素 > 样式选项卡 > 排版部分> 文本对齐下的左图标,对该段落执行相同的操作。 结果,如下图所示。
样式设置中的优先级
请记住,嵌套元素的设置优先级高于其容器的设置。 例如,如果将列对齐方式设置为“中心”,但是该列中的段落元素设置为“左”,则该段落将左对齐。