并排排列div没有间隙css

Question

我有一个div从一个循环生成的并排排列，

但是第1和第4格之间存在差距，我该如何消除这种差距？请帮忙..

我的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

这些插件除此之外还可以。