column 多行布局实现瀑布流

.box {
    margin: 10px;
    column-count: 3;
    column-gap: 10px;
}
.item {
    margin-bottom: 10px;
    break-inside: avoid-column;
}

column-count:3 每行排列3个

column-gap:10px 每行间距

break-inside:avoid-column  不会截断item内容