Aligining的div並排無間隙的CSS

Question

我已經div的排列從一回路中產生並排

但也有第一和第四格之間的差距，我怎麼能刪除差距？請幫助..

我的DIV的形象在這裏

我加入的CSS作爲

.div_class { 
    bottom: 0; 
    display: table-cell; 
    left: 0; 
    position: relative; 
    vertical-align: top; 
    float: left; 
    height: auto !important; 
    overflow: hidden; 
    width: 300px; 
} 

編輯： 這裏是fiddle

Answer 1

看一看這個jQuery插件：

masonry
isotope

這些插件可以做到這一點。