瀑布流式 CSS 模板，也稱為瀑布流布局，是一種簡單而流行的網頁設計技術。它通過調整相鄰圖像的大小和位置，實現了網頁垂直布局的美觀和獨特性。

瀑布流式 CSS 模板的優點在于可以讓圖片和內容自適應大小和位置，適用于各種不同的設備和瀏覽器，不需要對網頁布局進行復雜的設計和調整。

.grid {
column-count: 3;
column-gap: 10px;
margin: 10px;
}
.grid-item {
margin-bottom: 10px;
}
@media screen and (max-width: 680px) {
.grid {
column-count: 2;
}
}
@media screen and (max-width: 480px) {
.grid {
column-count: 1;
}
}

上面的代碼展示了一個簡單的瀑布流式布局，使用了 column-count 屬性控制列數，而 column-gap 控制列之間的間距。同時，也考慮到了移動設備的屏幕大小，使用了媒體查詢來動態調整布局。

簡單的 CSS 樣式和媒體查詢，就可以實現瀑布流式布局，讓網頁看起來美觀而獨特，也方便了網頁開發人員的工作。