Frontend

[CSS] 瀑布流難題

寫在最前面,多數情況下,網站的內容使用瀑布流的呈現方式並不多。而這種呈現方式,我記得好像是因為 Pinterest 而紅起來的(有錯誤請指正)。 為何說是難題?我只是想用這個來解釋 Flexbox, Grid 遇到的困難點。 -------------------------------------------------------------------------------- 瀑布流流去哪? 給我一個 Box 這個埂知道就知道,不知道的不要問。之所以叫做 瀑布 故名思義,就是由上到下(由左到右)的一種排列方式。主要是用於呈現 卡牌類型 的內容,每一張卡牌的寬度是相同的,然後高度不同,所以由上到下依序排列出 多欄 式的結構。