如何在 GemPages 中对齐元素

为什么元素对齐在 GemPages 中如此重要

合理的对齐是简洁、用户友好的页面设计的基础。在 GemPages 中，对齐按钮、图片、文本或表单等元素，可以确保您的布局在所有设备上都看起来美观、易读且响应迅速。

如何在 GemPages 中对齐元素（分步指南）

对于单个元素

第三步： 单击编辑器中的元素。

第三步： 在左侧边栏中，转到 个人设置 标签。

第三步： 向下滚动到 对齐 部分。 选择“左”、“中”或“右”。

对于包含多个元素的行

第三步： 点击 行.

第三步： 在“设置”中，选择 对齐列. 将其设置为“居中”或“分布”，以均匀分布子元素。

高级对齐：间距和位置设置

如需更多控制，请使用侧栏中的“高级”选项卡。

使用边距调整间距

• 在MyCAD中点击 软件更新 高级 > 间距.
• 增加或减少顶部、底部、左侧或右侧边距。
• 使用负边距将元素移到其正常边界之外。

利用位置进行精确控制

• 在MyCAD中点击 软件更新 高级 > 位置.
  您可以选择：
  • 静止 （默认）
  • 亲属 （相对于原始位置的偏移）
  • 绝对 （正好位于其父级内部）
  • 固定 （滚动时粘在屏幕上）
  • 黏 （滚动到某个点后停留）

如何将一个元素置于另一个元素的中央？

如果您希望按钮、图像或任何元素直接显示在另一个元素下方并保持居中，请按照以下步骤操作：

步骤 1：添加 1 列 Row 元素

从左侧边栏中，将 1 列行元素拖放到设计区域。 

步骤 2：将两个元素放在同一列中

将第二个元素（例如，按钮）拖到同一列中第一个元素（例如，图标）的正下方。

步骤 3：将嵌套在行中的每个元素对齐到中心

点击 按键 元素以在左侧面板中打开其设置。然后，向下滚动到 对齐 部分并选择居中对齐。

继续 图标 元件。

现在，Icon 元素位于 Button 元素下方的中心。 

步骤 5：根据需要调整间距

点击父 Row 元素，找到其设置面板。切换到 先进的 选项卡并向下滚动到 间距 部分。

在此部分下，您可以设置边距顶部或边距底部以根据需要在元素之间创建正确的距离。

这样，您可以轻松创建布局，例如文本下方的居中按钮或标题下方的图像，确保所有内容在所有设备上看起来都平衡。

常见问题

1. 我可以在 GemPages 中将一个元素直接置于另一个元素的正中央吗？

是的。将两个元素放在同一列中，然后将每个元素的对齐方式设置为 中心如果需要，请在 先进的 设置来调整间距。

2. 如何将多个元素均匀地排列在一行中？

选择包含元素的行。在 个人设置 标签，选择 对齐列 并将其设置为“居中”或“分布”。这样，所有子元素都会均匀分布在一行中。

3. GemPages 中的对齐和位置有什么区别？

对齐定义了元素相对于其容器的放置方式（左、中、右），而位置提供了更精确的控制（静态、相对、绝对、固定、粘性）。