HINA::工程幼稚園
  • Home
  • Twitter
  • FB
  • IG

Freetile.js

A collection of 1 post

CSS

[CSS] 瀑布流難題

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

  • Hina Chen
    Hina Chen
7 min read
HINA::工程幼稚園 © 2021
Latest Posts Facebook Twitter Ghost