Elementor 删除水平滚动

简介

Elementor 是一款非常流行的 WordPress 页面构建插件，它提供了很多方便易用的功能。不过有时候你会发现你的页面上出现了水平滚动条，这通常是由于元素宽度超过了父容器宽度导致的。在本文中，我们将介绍如何通过 CSS 或 Elementor 自带的设置来删除水平滚动条。

使用 CSS 删除水平滚动条

你可以使用 CSS 的 overflow-x: hidden 属性来删除水平滚动条。在 Elementor 中，你可以进入“外观” - “自定义CSS” 中添加以下代码片段：

.elementor-widget {
  overflow-x: hidden;
}

这段代码将会应用到所有 Elementor 容器中，包括页面和文章。如果你只想针对特定的元素删除水平滚动条，你可以使用这个元素的 CSS 类或 ID 来调用这段代码。例如：

.my-elementor-widget {
  overflow-x: hidden;
}

使用 Elementor 设置删除水平滚动条

除了使用 CSS 之外，Elementor 也提供了一种更简单的方法来删除水平滚动条。在你的内容区块中，你可以找到“布局” - “同步滚动条”选项。将它的值改为“无”即可删除水平滚动条。这个选项只对特定容器生效，所以你可以在不影响其他内容区块的情况下删除水平滚动条。

结语

删除水平滚动条并不是一个难题，你可以使用 CSS 或 Elementor 提供的设置来解决。这些方法都十分简单，不需要专业的技能。如果你在使用 Elementor 的过程中遇到其他问题，不妨到官方网站上查找更多的帮助文档和资源。