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

将disply: inline-block;用于.item元素，而不是display:block;