jQuery Masonry 在两个元素之间添加额外的空间

Question

我正在使用 jQuery Masonry，但它工作不正常。它没有按应有的方式排列元素。以下是一些屏幕截图来演示该问题。

CSS 代码:

#cont {
width:100%;
height:0 auto;
min-height:670px;
padding:15px 15px;
}
#cont .item {
display:block;
width:auto;
padding:10px;
border-radius:2px 2px 2px;
background:#fff;
border:1px solid #ddd;
float:left;
margin:5px;
}

jQuery 代码:

$('#cont').masonry({
        itemSelector: '.item'
}).imagesLoaded(function() {
    $('#cont').masonry('reload');
});

Answer 1

对 .item 元素使用 display: inline-block; 而不是 display:block;