CSS是我們在網頁中用來控制樣式的一種語言。其中最常見的問題之一是如何讓元素在頁面中平均分布。下面我們來介紹幾種方法來實現這種效果。

// 水平平均分布
.container {
display: flex;
justify-content: space-between;
}
// 垂直平均分布
.container {
display: flex;
align-items: stretch;
flex-wrap: wrap;
}
// 固定間距平均分布
.container {
display: flex;
}
.item {
flex: 1;
margin-right: 10px; // 間距大小
}

首先是水平平均分布，我們可以設置.container為flex布局，同時設置justify-content屬性為space-between。這樣，container中的元素就會在容器中平均分布，且每個元素之間有相等的間距。

接著是垂直平均分布，我們同樣設置.container為flex布局，但是這里需要設置align-items為stretch，這樣每個元素的高度就會被拉伸至與前面最高的元素高度相等。而通過設置flex-wrap為wrap，則可以讓元素自動換行。

最后是固定間距平均分布，我們同樣設置.container為flex布局，但是將.item的flex屬性設置為1，這樣每個元素在容器中都會平均分配剩余的空間，而元素之間的間距則通過調整margin-right來調整。

以上是幾種常見的CSS平均分布方法，根據不同的需求，我們選擇不同的方式來實現效果。