Elementor 基础教程 8 - 间隔小工具的设置和使用方法

2023-11-26
Elementor 基础教程
喜欢(0)
Elementor basic 8 jiange.webp

间隔小工具是 Elementor 页面设计小工具的常用工具之一。

您可以使用间隔小工具在页面或文章之间创建自定义的间距,特别在设计复杂的布局时,它能发挥出强大的空间调节功能。只需几步,就能轻松调整页面布局及设计元素之间的距离。

本篇内容将说明间隔小工具的功能设置和使用方法。

间隔小工具

首先,将间隔小工具拖到编辑栏中,如下图所示。

拖动后,我们可以看到如下画面。

1.间隔小工具的内容标签

从上图中我们可以看到,间隔小工具的内容标签设置项只有一个,那就是间隔设置

默认的间隔是50Px。当计量单位为Px时,数值可以在0到600之间设置,如下图所示。

您可以通过点击滑动模块左右移动或直接输入数值进行设置。数值越大,间隔宽度也就越大。

2. 间隔小工具的高级设置

高级设置是所有小工具的通用设置项,具体的功能设置和使用方法请阅读《Elementor通用教程 – 高级标签的设置和使用方法》。

3. 不使用间隔小工具调节间距

实际上,编辑段,编辑栏,以及每个小工具都有间隔调节的设置项。以编辑段为例,如下图所示。

外距是指编辑段与外部的距离设置,如下图所示。

内距是指编辑段边框到编辑栏边框之间的距离,如下图所示。

如果希望对每个方位的数值进行单独设置,可以取消值链接后进行设置,如下图所示。

接下来,我们来理解一下编辑段,编辑栏,以及小工具之间的外距和内距的关系。

从层级关系来说,编辑段在外,编辑栏在中,内部区段或小工具在内,如下图所示。

从上图中,我们可以看出编辑段,编辑栏,内部区段以及小工具的层级关系。如果对这些关系不太清楚,可以阅读《Elementor 通用教程 – 编辑段,编辑栏,内部区段是什么?》。

以上就是间隔小工具的功能设置和使用方法的说明。

希望本篇内容能对您使用Elementor有所帮助。

用户评论
{{ reviewsTotal }}{{ options.labels.singularReviewCountLabel }}
{{ reviewsTotal }}{{ options.labels.pluralReviewCountLabel }}
{{ options.labels.newReviewButton }}
{{ userData.canReview.message }}
fuyeshidai

做点副业,为生活加点料

快速搜索
站长推荐
相关文章
Elementor pro Blockquote widget
Elementor 专业教程 21 – Blockquote小工具的设置和使用方法
古腾堡编辑器完全指南:一步步成为WordPress编辑高手
古腾堡编辑器完全指南:一步步成为WordPress编辑高手
Elementor-Pro-Query
Elementor 专业教程 33 – Query的设置和使用方法
Elementor basic 24 jinggao
Elementor 基础教程 24 – 警告小工具的设置和使用方法
Elementor pro Video Playlist widget.webp
Elementor 专业教程 29 – Video Playlist小工具的设置和使用方法
elementor jishuqi
Elementor 基础教程 17 - 计数器小工具的设置和使用方法
Elementor basic 28 caidanmaodian.webp
Elementor 基础教程 28 – 菜单锚点小工具的设置和使用方法
Elementor General 80 yangshibiaoqian.webp
Elementor 通用教程 3 - 小工具样式标签的通用设置和使用方法
Elementor basic 7 fengexian.webp
Elementor 基础教程 7 - 分割线小工具的设置和使用方法
Jeteing jiaocheng lables advance settings tumnail
JetEngine 通用教程 - Labels和Advance Setting的设置方法