html - 如何在 Wordpress 主题中删除网格图像下方无法解释的空间/间隙

我创建了一个带有简单自定义 html 的网格以用作音频播放器

我正在使用 Elementor Builder 自定义 html 元素/小部件将自定义 html 添加到 Wordpress 主题

不幸的是，每个球员形象下都有一个差距

我真的很想在一个新网站上将它与 Hello Elementor 主题一起使用，但这个差距对我来说是一个交易破坏者

然后我用这些结果用其他一些主题对其进行了测试

WP 2020，Astra和OceanWP没有这个问题，没有差距，完美

WP 2019，Neve 和 Generate Press 也有问题，可见差距

我已经详尽地比较了有和没有差距的主题的css，我无法找出原因

我可以通过添加 css line-height 或 font-size: 0; 来消除差距。在网格项目元素上，但这并不是一个真正的解决方案，只是处理症状，因为没有间隙的主题的行高和字体大小大于 0

我在不同测试站点上的最新 WP 上安装了每个主题，并且只有 Elementor 和 Simple Custom CSS 插件，页面模板在每次安装时都设置为 elementor canvas

我认为这与每个主题如何处理重置或规范化 css 有关，但可能是错误的

我迷路了。有人可以看看这个，让我了解我所缺少的吗

如果可以的话，我真的不想使用不同的主题

最好的问候阿什利

标签： htmlcsswordpresselementor

我只比较了 wp2020 和 neve，但假设这将是一个类似的问题。

在 wp2020 版本中，如果您查找带有“elementor-element-e86902a”类的部分标签，您会看到它继承了一些来自http://www.calpeguide.com/wp2020/wp-content/themes/twentytwenty/的样式style.css?ver=1.5这些在 neve 网站上的等效部分标签 (elementor-element-54a1e41) 上缺失。

这就是我所能看到的，所以可能值得尝试在 neve 网站上重新创建。