如何删除 Wordpress 主题中网格图像下方无法解释的 space/gap
How can I remove an unexplained space/gap beneath grid images in Wordpress themes
我创建了一个带有简单自定义的网格 html 用作音频播放器
我正在使用 Elementor Builder 自定义 html element/widget
将自定义 html 添加到 Wordpress 主题
遗憾的是，每个球员图像下方都有一个空隙
看起来像这样
https://jmp.sh/sBBRFwV
应该看起来像
https://jmp.sh/Fq5a0TA
我真的很想在新网站上将它与 Hello Elementor Theme 一起使用，但这个差距对我来说是一个交易障碍
然后我用这些结果用其他一些主题测试了它
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 的重置或规范化有关，但可能是错误的
我迷路了。
有人可以看看这个并让我了解我所缺少的东西
如果可以的话，我真的不想使用不同的主题
此致
阿什莉
我只比较了 wp2020 和 neve，但假设这将是一个类似的问题。
在 wp2020 版本中，如果您查找带有 class“elementor-element-e86902a”的部分标签，您会发现它继承了 http://www.calpeguide.com/wp2020/wp-content/themes/twentytwenty/style.css?ver=1.5 中的一些样式，这些样式在新网站上的等效部分标签 (elementor-element-54a1e41)。
这是我所能看到的全部内容，因此可能值得尝试在 neve 站点上重新创建。
图像应该显示 属性，如果是块，inline-block 等等
我找到了答案，缺少显示：块；在 img 标签上
真的很简单，但就像大海捞针一样
最后我使用了我在 70 年代作为学徒学到的旧问题解决技术
测试，减半系统，再次测试，再次减半等
我将 wp2020 主题的所有 6500 行重置 css 添加到 wp2019 主题并从那里开始
谢谢你来看我
祝福
阿什莉
我创建了一个带有简单自定义的网格 html 用作音频播放器
我正在使用 Elementor Builder 自定义 html element/widget
将自定义 html 添加到 Wordpress 主题遗憾的是，每个球员图像下方都有一个空隙
看起来像这样 https://jmp.sh/sBBRFwV
应该看起来像 https://jmp.sh/Fq5a0TA
我真的很想在新网站上将它与 Hello Elementor Theme 一起使用，但这个差距对我来说是一个交易障碍
然后我用这些结果用其他一些主题测试了它
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 的重置或规范化有关，但可能是错误的
我迷路了。 有人可以看看这个并让我了解我所缺少的东西
如果可以的话，我真的不想使用不同的主题
此致 阿什莉
我只比较了 wp2020 和 neve，但假设这将是一个类似的问题。
在 wp2020 版本中，如果您查找带有 class“elementor-element-e86902a”的部分标签，您会发现它继承了 http://www.calpeguide.com/wp2020/wp-content/themes/twentytwenty/style.css?ver=1.5 中的一些样式，这些样式在新网站上的等效部分标签 (elementor-element-54a1e41)。
这是我所能看到的全部内容，因此可能值得尝试在 neve 站点上重新创建。
图像应该显示 属性，如果是块，inline-block 等等
我找到了答案，缺少显示：块；在 img 标签上
真的很简单，但就像大海捞针一样
最后我使用了我在 70 年代作为学徒学到的旧问题解决技术 测试，减半系统，再次测试，再次减半等
我将 wp2020 主题的所有 6500 行重置 css 添加到 wp2019 主题并从那里开始
谢谢你来看我
祝福 阿什莉