Desandro Masonry v4.2.1 перекрывающихся изображений без разрыва между

Question

Я столкнулся со следующей проблемой.При использовании каменной кладки desandro после каждой загрузки изображения возникает разрыв между элементами сетки.

пример

var $grid = $('.grid').masonry({
    itemSelector: '.grid-item',
    percentPosition: true,
    columnWidth: '.grid-sizer'
});

$grid.imagesLoaded().progress( function() {
    $grid.masonry('layout');
});

Answer 1

Я решил проблему, добавив к следующим элементам .grid-sizer, .grid-item: display: inline-table

, где .grid-item имеет float:left; и исправление ошибки в .grid.

Это решило мою проблему.