页面对齐元素

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

步骤 1: 选择元素的容器

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

align elements

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

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

align elements pagefly

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

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

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

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

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

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

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

样式设置中的优先级

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

Was this helpful?

Try out all PageFly features with Free plan

.myshopify.com
Don’t have Shopify store yet? Create store
×

PageFly Help Center is now available in French, Portuguese and Chinese.Please check the flags on the page header.

I got it!
Languages