如何在 GemPages 中设置元素位置

网页设计中“元素位置”是什么意思？

在网页设计中， 元素位置 指的是对象（如按钮、图像或文本块）相对于其 父容器 或 总体布局。了解不同定位类型的工作原理可以让您构建灵活、像素完美的设计。

例如：
放置在 栏 内 行 可以在该列内移动，但只能在其容器内移动，除非应用高级定位。.

如何在 GemPages 中设置元素位置

• 余量：移动元素并移动附近的元素以保持间距。
• 职务：移动元素而不影响其他元素的位置。

下面将提供每种情况的示例。

方法 1：使用边距调整元素位置

边距是 GemPages 中重新定位元素最直接的方法。它们在元素周围创建空间，并影响附近内容的流动方式。

第三步：  单击要更改位置的元素。

第三步： 在设置侧栏中，导航至 先进的 标签。

步骤 3：调整边距 in 间距： 

• 绝大部分储备使用 正边缘 在元素周围添加空间。
• 绝大部分储备使用 负边距 将元素定位在容器边界之外以实现独特的设计。

如果您设置了 负上边距，该元素将向上移动，其下方的元素也将向上移动以填补空白。

有关利润的详细指南，请参阅我们的 保证金设置 文章。

方法 2：使用 Position 属性设置元素位置

对于更高级的布局控制，使用 位置设定。此方法可让您放置元素而不影响其他元素，并可让您对滚动和调整大小时的布局行为进行微调控制。

编辑元素位置设置的方法如下：

第三步： 单击您想要重新定位的元素。

第三步： 在MyCAD中点击 软件更新 先进的 选项卡，然后找到 职务 部分： 

选择以下选项之一：

• 静止:
  • 默认设置；元素遵循页面的正常流程。
  • 不允许自定义位置调整。
• 亲属:
  • 相对于元素的原始位置移动元素。
  • 调整自定义值 首页, 右, 半身裙/裤 或 左 来改变其位置。
• 绝对:
  • 相对于其最近定位的祖先（例如，一行或部分）来定位元素。
  • 绝大部分储备使用 首页, 右, 半身裙/裤和 左 将元素放置在其包含元素内的准确位置。
• 固定:
  • 保持元素相对于视口处于固定位置。
  • 非常适合在滚动过程中保持可见的粘性标题或浮动按钮。
• 黏:
  • 充当相对定位和固定定位的混合体。
  • 该元素的行为如下 相对的 直到到达特定的滚动位置，它就会变成 固定.