更改元素内部的间隙

为什么内部间距很重要

设计中的内部间隙（无论是单个元素内部还是多个元素之间）对于保持布局简洁、易读且美观至关重要。适当的间距可以：

• 提高内容的可读性
• 创造平衡感和结构感
• 防止元素感觉混乱或拥挤

在 GemPages 中，您可以调整两种主要类型的内部间距： 填充 和 间隙 （用于行和列）。

1. 调整内部填充

填充 控制元素内容与其外边框之间的空间。它通常用于：

• 在文本或图像周围添加呼吸空间
• 确保内容不接触元素的边缘
• 打造一致、精致的外观

如何在 GemPages 中调整填充：

第四步：单击要调整的元素（例如，按钮、图像或文本块）。
第四步：在左侧边栏中，转到 先进的 标签。
第四步： 找出 间距 部分，然后调整 填充 值：

• 首页：内容上方的空间
• 右：右侧空格
• 半身裙/裤：下方空间
• 左：左侧空格

提示：使用一致的填充值以获得统一的外观，或自定义每一侧以获得不对称的设计。

2. 调整行内子元素之间的间隙

当你与 行 或者 容器 包含多个子元素（例如，列、按钮或图像），这些项目之间的间距由以下方式控制 柱间隙.

如何调整列间距：

第四步：选择 父容器 （通常是一个具有两列或更多列的 Row 元素）。
第四步：在“设置”面板中，找到 列间距 设置。

第四步：使用滑块增加或减少子元素之间的空间。

实时预览您的更改以确保最佳布局和对齐。

3. 调整堆叠行或项目之间的间隙

对于垂直堆叠的元素（如折叠部分、列表项或内容块），它们之间的空间由 项目差距 or 行距 设置。

如何调整行距或项目间距：

第四步：选择 容器 容纳堆叠的项目（例如，手风琴或具有多行的部分）。
第四步：在左侧边栏中，转到 项目间距 部分。

第四步：调整 项目差距 使用滑块设置。