砌体插件垂直间隙

我试图在我的画廊添加类似pinterest的项目样式，但我的缩略图之间存在巨大差距。 在SO上发现了几个类似的问题，但遗憾的是，没有一个问题对我的情况有帮助。

脚本

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

画廊

 
 
...
  

款式

 .item { width: 122px; margin: 5px; float: left; background-color: gray; } 

http://jsfiddle.net/D7QQU/44/

提前致谢

Answer 1

这是一个有效的例子，请看看，如果这就是你想要的，请告诉我。

http://jsfiddle.net/D7QQU/47/

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