Jquery Isotope：横向长的图像，在下面留下空隙

Question

我正在使用Isotope插件。我有一系列长（2x1），高（1x2）和方形（1x1）图像。设计工作正常如下：

但是如果水平图像出现在第一个空格中，那么它就会把它全部搞定：

就像插件一样，所有列都应该是提供第一张图像的宽度。

我试过用一些CSS来躲避它：

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

.longimgholder img{
width: 420px;
}

但这不起作用。

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

Answer 1

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

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