Desandro Masonry v4.2.1 重叠图像无间隙

Question

我遇到了以下问题。使用 desandro masonry 时，每个图像加载后网格项之间存在间隙。

example

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。

这解决了我的问题。