jquery - Jquery Isotope：水平长的图像在下面留下间隙

Question

我正在使用同位素插件。我有一系列长 (2x1)、高 (1x2) 和方形 (1x1) 图像。设计工作正常，如下所示：

但是如果水平图像出现在第一个空间中，它就会把它搞砸：

它就像插件认为所有列都应该是提供的第一个图像的宽度。

我试过用一些 CSS 来固定它：

.longimgholder {
height: 220px;
width: 220px;
overflow: visible;
z-index: 99;
}

.longimgholder img{
width: 420px;
}

但这不起作用。

有人知道解决这个问题的方法吗？

Answer 1

无论出于何种原因，似乎出现在左上角的第一张图像设置了列的宽度。

这不是一个正确的答案，但我写了一个小脚本来跳过第一个图像，如果它是一个长图像。这将确保左上角的第一张图像始终是方形或高大的图像。