CSS垂直平均分布在前端開發中是一項非常重要的技能，它可以幫助我們在頁面中讓多個元素垂直居中分布。本文將簡要介紹如何使用CSS實現這個效果。

.parent {
display: flex; /* 將容器設置為flex */
align-items: center; /* 子元素垂直居中 */
justify-content: space-between; /* 平均分布子元素 */
}

以上代碼中，我們先將要垂直平均分布的元素的容器設置為flex。然后，使用align-items: center屬性將所有子元素垂直居中。最后，使用justify-content: space-between屬性讓所有子元素平均分布在容器中。

除了以上方法，還可以使用display: table-cell屬性和vertical-align: middle屬性來實現垂直平均分布。

.parent {
display: table; /* 將容器設置為table */
width: 100%; /* 容器寬度100% */
}
.child {
display: table-cell; /* 將子元素設置為table-cell */
vertical-align: middle; /* 子元素垂直居中 */
}

以上代碼中，我們將容器設置為table，然后將所有子元素的display屬性設置為table-cell。最后，使用vertical-align: middle屬性將子元素垂直居中。

總的來說，使用CSS實現垂直平均分布是一項簡單卻重要的技能。以上介紹的兩種方法都可以實現這個效果，具體使用哪種方法可以根據個人的實際需求和情況選擇。