在前端開發中，橫版瀑布流是一種比較常見的頁面布局方式。下面我們來學習一下如何使用 CSS 實現橫版瀑布流。

.container{
display: flex; //設置容器為 flex 布局
flex-wrap: wrap; //設置容器內部元素自動換行
}
.item{
width: 33.33%; //設置每列寬度為容器的 1/3
box-sizing: border-box; //讓 padding 和 border 包含在 width 內
margin-bottom: 10px; //設置豎向間距為 10px
}
.item img{
width: 100%; //圖片寬度占滿父容器
vertical-align: middle; //將圖片與文字垂直居中
}

以上代碼實現了一個基本的橫版瀑布流效果。通過設置容器為 flex 布局，元素寬度自動分配，使得每一列的寬度相等。設置豎向間距后，就可以實現瀑布流效果了。

當然，以上代碼只是基礎實現。要實現更豐富的效果還需要進一步的操作。