JQuery Masonry дополнительное пространство

Question

Я пытаюсь создать систему сетки изображений с использованием кладки JQUERY, но у меня есть проблема с пространством.

Я создал этот DEMO из codepen.io

Если вы посетите демо, пожалуйста, изменить ширину страницы < 580px, а затем вы можете видеть, что есть дополнительное пространство, как я могу удалить, что дополнительное пространство любой может помочь мне в этом отношении?

Я использовал этот 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; 
}