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;