css - 将 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;
}

编辑： 这是小提琴

Answer 1

看看这个 jQuery 插件：

砌体
同位素

除此之外，这些插件还可以做到这一点。