Gatsby 图像 - 可以用填充去除空 div 吗？

Question

我使用的 masonry system 不适用于 Gatsby Image，但可以正常用于常规 jpg 和 gif。

我 99% 确定这是因为当我使用 Gatsby 的 <Img> 时插入了这个空的 div 和填充，这里的第二行：

<div class="gatsby-image-wrapper">
<div aria-hidden="true" style="width: 100%; padding-bottom: 68%;"></div>
<picture><source srcset="...
...

当我在检查器视图中删除它时，砌体工作正常。有没有办法忽略插入？

Answer 1

如果您确信可以删除 div，请尝试将其设置为 display: none：

.gatsby-image-wrapper > div[aria-hidden="true"] {
  display: none;
}

display: none 基本上会从页面布局中删除 div 并且可能会解决您的问题。

Gatsby Image - possible get rid of empty div with padding?