回到未來
網頁在很久很久以前,是使用 HTML 來製作的,約莫過了 20 幾個年頭 [https://en.wikipedia.org/wiki/HTML]
,現在的網頁還是 HTML 製作的。只是版本號的推演進度比較慢,目前來到 HTML5
[https://developer.mozilla.org/en-US/docs/Web/Guide/HTML/HTML5/Introduction_to_HTML5]
寫在最前面,多數情況下,網站的內容使用瀑布流的呈現方式並不多。而這種呈現方式,我記得好像是因為 Pinterest 而紅起來的(有錯誤請指正)。
為何說是難題?我只是想用這個來解釋 Flexbox, Grid 遇到的困難點。
--------------------------------------------------------------------------------
瀑布流流去哪?
給我一個 Box
這個埂知道就知道,不知道的不要問。之所以叫做 瀑布 故名思義,就是由上到下(由左到右)的一種排列方式。主要是用於呈現 卡牌類型
的內容,每一張卡牌的寬度是相同的,然後高度不同,所以由上到下依序排列出 多欄 式的結構。