页面对齐元素

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

步骤 1: 选择元素的容器

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

align elements

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

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

align elements pagefly

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

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

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

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

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

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

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

样式设置中的优先级

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

Navigate this category

PreviousPrevious article

Feedback
Thank you for your feedback!

Could not find the answer
to your question?

Chat with us
Boost your holiday sales with PageFly's Thanksgiving Template 👉 Discover Now