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; 
}