jQuery砌体添加两个元素之间的额外空间

Question

我使用jQuery砌体，它不能正常工作。它不会像它应该那样安排元素。这里有一些截图来演示这个问题。

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;