css - 没有高度的 div - 如何让它们粘住并避免空白

Question

Demo Link

CSS:

.box {
    width: 150px;
    vertical-align: top;
    padding: 30px;
    margin: 3px;
    overflow: hidden;
    margin-top: 3px;
    display: inline;
    float: left;
    border: 1px solid black;
}

我正在尝试将这些 div 对齐，但运气不好。我们怎样才能让他们坚持以前的 div

Answer 1

有许多 jQuery 库:

• > Masonry 时代提到
• > Gridster
• > Freewall
• > Elastic Columns
• > GridList
• > Nested