網站瀑布流 Waterfall Layout 佈局

Waterfall Layout 翻譯中文就是”瀑布式佈局”、”瀑布流排版”、”流瀑式佈局”。

聲名大噪的 Pinterest 個這設計師與點子匯集的網站就是使用這類的方式構成網頁排版，而 Responsive Web Design 中也是常為引述的作品。

此站的佈局方式主要先按照瀏覽器的視窗大小先水平排列，區塊出呈現區塊數量，橫向填滿頁面寬度，垂直滾動頁面，新的資料區塊再從下方持續載入進來。

基本上這類的佈局多為JS控制為主，當然也有以簡單的CSS為主，不過效果上自然比不上JS的表現。

除了 “Waterfall” 這行容詞外也有幾個常見的形容方式， “Pinterest-like”、”Pinterest-style”、”Pinterest-kind”。結合CSS的形容方式，”Pinterest Style Columns Layout”、”Multi-Columns Layout”等都可以很容易的到這類的資料。