Gatsby Image - 可以用填充摆脱空 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 并且可能会解决您的问题。