Jquery砌体额外的空间

Question

我想使用JQUERY砌体的图像网格系统，但我有一个空间问题。

我创造了这个DEMO从codepen.io

如果您访问的演示，那么请调整页面宽度< 580（长），然后你可以看到有一个额外的空间如何删除多余的空间人可以在这方面帮助我吗？

我用这个JavaScript砌体选择

$(document).ready(function() { 
    $('.image-container').masonry({ 
    isFitWidth: true, 
    itemSelector: '.user-image' 
    }).imagesLoaded(function() { 
    $('.image-container').masonry('reload'); 
    }); 
}); 

Answer 1

这是按预期工作。

我的建议是去除图像容器上的浮点。这个国际海事组织给你你应该期望从砌体的演示文稿。

实施例： http://codepen.io/alexgill/pen/yNgaRw

代码：

.image-container { 
/* float:left; */ 
    position:relative; 
    max-width:580px; 
    disply: block; 
    margin: 0 auto; 
    padding-left:3px; 
}