这篇文章解释了如何 调整元素之间的间距 在 GemPages 中。
注意::为了获得最佳功能,请升级到 GemPages 7 版本。
什么是间距?
即使您不经常注意,间距也是网页设计的重要组成部分。适当的间距可将注意力引向关键元素,从而增强视觉层次感;使文本更易于理解,从而提高可读性;通过创建更具吸引力、易于浏览的设计,提高用户参与度。
间距调整类型
1. 填充与边距
填充 金益辉 余量 有两个控制页面间距的关键元素,但它们的用途不同:
- 余量 是元素边框外的空间。它控制元素与页面上其他元素之间的空间。边距是透明的,可将元素推离其周围的内容,在其周围创建一个缓冲区。
在 GemPages 中,您可以使用边距来控制不同元素之间的距离,例如两幅图像之间或一个按钮和一个文本块之间的距离,以创建视觉分离或空白。
- 填充 是元素边框内、内容外的空间。它定义元素内容(如文本或图像)与元素边框之间的空间量。
在 GemPages 中,当您想要在元素内创建空间时,可以使用 Padding。例如,您可以为按钮添加 padding,以便按钮内的文本周围留有空间,从而使按钮更大或视觉上更平衡。
要深入了解它们的工作原理,请参阅我们的文章 边距和填充。
2. 列间距和行间距
如果您使用网格或分组元素,调整列和行之间的空间是实现整洁布局的关键。具体操作如下:
- 列间距: 使用 柱间隙 Row 元素中的设置。
- 行间距: 绝大部分储备使用 保证金最高 金益辉 半身裙/裤 在行元素上控制它们之间的垂直空间。
3. 行距和字母间距
对于文本来说,适当的行距和字母间距可以显著提高可读性。
- 行距(行高): 调整文本行之间的间距,使段落更易读。
- 字母间距: 修改各个字母之间的间距以提高清晰度。
如何使用 GemPages 在元素之间添加间距
第四步: 在里面 GemPages 编辑器,单击要添加间距的元素。

第四步:去吧 先进的 标签并找到 边距和填充 部分。

第四步:调整设置以添加所需的间距,或选择预设值。

如何使用 GemPages 删除元素之间的间距
第四步:去吧 先进的 标签并找到 边距和填充 部分。
第四步:将所有间距值设置为 0 消除间距。

谢谢您的意见