CSS是網頁設計中非常重要的一部分，它能夠讓我們更加靈活地控制網頁的布局和樣式。在許多場合下，我們希望元素平均分布空間。本文將介紹CSS中實現平均分布空間的方法。

/* 父元素設置 */
.parent {
display: flex;
justify-content: space-between;
}
/* 子元素設置 */
.child {
flex: 1;
}

如上所示，在實現平均分布空間的過程中，我們需要使用CSS3 彈性盒子布局（Flexbox）。在父元素中設置display: flex;表示開啟彈性盒子布局，因此子元素*默認*會排列在一排。接下來的justify-content: space-between;表示將子元素的間距均分在它們之間，最終實現平均分布的效果。

最后，我們還需要在子元素中添加flex: 1;屬性。這個屬性表示子元素會占據所有剩余的空間。因此，子元素的寬度會根據父元素的寬度自適應調整，從而實現平均分布空間的效果。

總之，使用CSS彈性盒子布局，我們可以非常方便地實現平均分布空間的效果。相比于其他復雜的布局方式，這種方式代碼簡潔、易于理解、易于維護，非常適合在網頁設計中使用。