Jquery 砌体插件垂直间隙

Jquery 砌体插件垂直间隙,jquery,jquery-masonry,masonry,Jquery,Jquery Masonry,Masonry,我试图在我的图库中添加类似pinterest的项目样式,但我的缩略图之间有很大的差距。发现了几个类似的问题,但不幸的是,没有一个对我的情况有帮助 剧本 $('#container').masonry({ itemSelector: '.container', columnWidth : 100 }); 画廊 <div id="container"> <div class="item">...</div> </div>

我试图在我的图库中添加类似pinterest的项目样式,但我的缩略图之间有很大的差距。发现了几个类似的问题,但不幸的是,没有一个对我的情况有帮助

剧本

$('#container').masonry({
    itemSelector: '.container',
    columnWidth : 100 
});
画廊

<div id="container">
    <div class="item">...</div>
</div>


提前感谢

这里有一个工作示例,请看一看,并让我知道这是否是您想要的

.item {
  width: 122px;  
  margin: 5px;
  float: left;
  background-color: gray;
}
$('#container').masonry({
    itemSelector: '.item',
    columnWidth : 100,
    gutter: 10
});

#container .item {
    background-color: gray;
    width: 100px;
    float: left;
    margin-bottom: 10px;
}