在進行頁面布局設計時，經常會遇到需要將一組元素按照均勻間隔的方式排列展示的需求，在這樣的場景下使用CSS平均排列就可以非常方便的實現效果。

/*CSS平均排列*/
.container {
display: flex;
justify-content: space-between;
}

首先，這里需要使用flex布局來設置元素的排列方式。將需要進行平均排列的元素包裹在一個容器內，為容器設置display:flex即可開啟flex布局。

其次，需要設置justify-content屬性為space-between。該屬性可以將元素沿主軸均勻排列，同時在元素之間留出相等的空隙。

使用CSS平均排列，不僅可以實現元素的均勻排列，同時也不需要針對每個元素都進行詳細的位置、寬度設置等繁瑣的工作，非常方便快捷。