jquery - 2 つの要素の間に余分なスペースを追加する 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;for要素を使用.itemdisplay:block;