CSS 樣式平均分布是一種優化網頁設計的方法，它可以使設計的元素在頁面中的位置分布均勻，呈現出更加美觀的視覺效果。

.wrapper {
display: flex;
justify-content: space-between;
}
.element {
flex: 1;
}

這是一段實現樣式平均分布的 CSS 代碼。首先，我們在外層容器中使用了 flex 布局，并設置了 justify-content 屬性為 space-between 。這個屬性會使容器內的元素在水平方向上分布均勻，同時兩邊會留有一定的空白。

接下來，我們可以在每個元素中使用 flex 屬性，設置元素在容器中所占的比例，從而使得每個元素都可以平均分布。這樣一來，無論我們在容器中添加或刪除元素，它們之間的間距都會保持一致，而不會出現因為元素數量不同而導致間距大小不一。

在實際應用中，我們可以根據自己的需要來使用不同的 flex 屬性值，從而達到更好的效果。例如，如果希望某個元素占據所有的剩余空間，可以設置其 flex 屬性為 1 ，而其他元素則設置為 0 。