Warning: file_get_contents(/data/phpspider/zhask/data//catemap/2/jquery/83.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Jquery同位素:在下面留下间隙的水平长图像_Jquery_Jquery Plugins_Jquery Masonry_Jquery Isotope - Fatal编程技术网

Jquery同位素:在下面留下间隙的水平长图像

Jquery同位素:在下面留下间隙的水平长图像,jquery,jquery-plugins,jquery-masonry,jquery-isotope,Jquery,Jquery Plugins,Jquery Masonry,Jquery Isotope,我正在使用插件。我有一系列长(2x1)、高(1x2)和正方形(1x1)的图像。设计工作正常,如下所示: 但如果水平图像出现在第一个空间中,则会将其全部弄糟: 这就像插件认为所有的列都应该是提供的第一个图像的宽度一样 我试着用一些CSS来预测它: .longimgholder { height: 220px; width: 220px; overflow: visible; z-index: 99; } .longimgholder img{ width: 420px; } 但这不起作用

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

但如果水平图像出现在第一个空间中,则会将其全部弄糟:

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

我试着用一些CSS来预测它:

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

.longimgholder img{
width: 420px;
}
但这不起作用


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

不管什么原因,它似乎是出现在左上角的第一个图像设置了列的宽度


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

将列宽设置为最小图像宽度。。。