如何使用锁定/解锁图标编辑边距

在 GemPages 中设计商店页面时，每个元素周围的间距要合适，才能决定页面看起来是精致还是杂乱。 填充 是最重要的间距控制之一，它定义了元素内容与其顶部、右侧、底部和左侧边框之间的内部空间。

为了使编辑边距更快、更灵活，GemPages 提供了一种 锁定/解锁图标 它允许您同时调整四边，或分别调整每一边。本指南将详细介绍其使用方法。

GemPages中的内边距是什么？

填充 是元素内部的间距。它控制着内容（文本、图像、按钮等）与容纳它的容器边缘之间的空间大小。

在 GemPages 中，每个元素都有四个可以调整的内边距值：

• 首页内容上方留白
• 右内容右侧的空白处
• 半身裙/裤内容下方留白
• 左内容左侧的空白处

正确调整内边距有助于创建平衡的布局，提高可读性，并确保您的设计在桌面和移动设备上都看起来很棒。

在哪里可以找到填充设置

要访问 GemPages 中任何元素的内边距控件：

1. 在 GemPages 编辑器.
2. 点击要编辑的元素（例如，标题、图像、按钮或章节）。
3. 在右侧边栏中，向下滚动到 间距 部分。

你会看到四个输入框，分别代表上、右、下和左，以及一个小的 锁图标 在中心。

使用锁定/解锁图标编辑边距

位于边距控件中心的锁定图标是灵活编辑的关键。它有两种状态：

锁定模式：同时编辑所有 4 个面

当图标显示为 锁定这四个内边距值是相互关联的。这意味着，当你更改其中一个值时，其他三个值会自动更新以与之匹配。

何时使用锁定模式：

• 你想 均匀间距 在元素的各个面上。
• 您正在对按钮、卡片或需要保持对称性的部分应用一致的内边距。
• 你想节省时间，又不想手动调整每一边。

如何使用它：

1. 确保锁定图标处于选中状态。 关闭/锁定 州。
2. 点击四个输入框中的任意一个（上、右、下或左）。
3. 输入您想要的值（例如， 20px).
4. 四边同时更新为相同的值。

解锁模式：可单独编辑每一侧

点击锁形图标后，它会切换到 解锁 现在，四个填充值各自独立，您可以为每一边设置不同的数值。

何时使用解锁模式：

• 你需要 非对称间距例如，上部比下部有更多的衬垫。
• 您正在对主图部分、横幅或特殊布局进行微调。
• 你想让一个元素与周围不遵循统一间距的内容对齐。

如何使用它：

1. 点击锁形图标将其切换到 解锁 州。
2. 点击要更改的边（上、右、下或左）的输入框。
3. 请输入该特定边所需的数值。
4. 只有你编辑的那一侧会发生变化，其他三侧保持不变。

快速对比：锁定状态 vs. 解锁状态

有效编辑边距的技巧

为了在使用 GemPages 中的内边距时获得最佳效果，请记住以下几点：

• 以锁定模式启动 为了获得干净的基准，如果需要微调特定方面，请切换到解锁模式。
• 检查响应能力 — 在编辑器中切换桌面、平板电脑和移动设备视图，以确保边距在每种屏幕尺寸上看起来都很好。
• 使用一致的价值观 在相似的元素（例如所有章节标题或产品卡片）之间进行统一设计，以获得更专业、更协调的设计。
• 避免过度填充 — 过多的空白区域会将重要内容挤到屏幕下方，从而影响用户体验。
• 将内边距与外边距结合起来 巧妙运用内边距：内边距控制内部空间，外边距控制外部空间。两者结合使用可实现精确的布局控制。

常見問題解答

1. 我可以为桌面端和移动端设置不同的内边距值吗？

是的。GemPages 允许您为每种设备类型设置响应式内边距。在编辑器工具栏中切换设备视图（桌面、平板电脑、移动设备），然后分别调整每种设备的内边距。

2. 我可以使用哪些单位进行填充？

GemPages通常支持 px （像素）用于设置内边距值。像素可以让你精确控制每个屏幕上的间距。