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

这些插件可以做到这一点。