将 div 并排对齐，没有间隙 css

Question

我让循环生成的 div 并排对齐，

但是第一个和第四个 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

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