CSS瀑布流是一種網頁設計中廣泛使用的效果，它以流水般的布局方式展示內容，讓網頁顯得更加美觀，同時也提高了用戶的瀏覽效率。

/* 以下是CSS代碼實現瀑布流布局效果 */
.img-list {
column-count: 3; /* 設置列數 */
column-gap: 20px; /* 設置列間距 */
}
.img-item {
margin-bottom: 20px; /* 設置圖片間距 */
break-inside: avoid; /* 防止圖片被分割 */
}

瀑布流布局基于CSS3的多列布局實現，在控制好列數和間距的同時，通過設置元素的break-inside屬性來防止元素被分割，達到一種流暢的效果。

瀑布流布局最常用于圖片和商品展示等網頁內容區域的設計中，同時也可以用于新聞資訊和短篇內容的展示。它的流暢感和獨特的風格，成為現代網頁設計中不可或缺的一部分。