CSS 實現瀑布流佈局（display: flex）

作者 | chokcoco 本例使用 CSS flex 實現瀑布流佈局。 關鍵點，橫向 flex 佈局嵌套多列縱向 flex 佈局，使用了 vw 進行自適應縮放。 代碼如下： HTML： // pug 模板引擎 div.g-container -for(var i = 0; i<4; i++) div.g-queue -for(var j = 0; j<8; j++) div.g-item SCS

>>阅读原文<<