CSS是一種用于網頁設計的語言，它可以幫助我們實現各種效果，包括垂直分布。垂直分布是指在網頁中將元素按照垂直方向排列，使得整個網頁看起來更加美觀。

實現垂直分布可以使用多種方式，其中比較常用的是使用display屬性。在CSS中，有兩個屬性可以用來設置元素的display屬性：flex和grid。

.container {
display: flex;
flex-direction: column;
justify-content: space-between;
align-items: center;
}

上述代碼中，flex布局將元素按照垂直方向排列，-direction: column設置了排列方向為垂直方向。justify-content: space-between設置了元素之間的間距，align-items: center居中對齊元素。

.container {
display: grid;
grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));
grid-gap: 20px;
align-items: center;
}

對于使用grid布局的方式，在上述代碼中，grid-template-columns設置了寬度為250px的列，當屏幕寬度較小時，自動適配列數，grid-gap設置了元素間距，align-items: center同樣居中對齊元素。

在實際使用中，我們可以根據需求選擇不同的方式進行垂直分布，從而實現更加美觀、友好的網頁設計。