CSS水平平均分布是一種常用的排版方式，在網(wǎng)頁設計中經(jīng)常用到。實現(xiàn)這種效果的核心是使用CSS的Flexbox布局。 首先，在父元素中設置display:flex;，這樣子元素就能夠沿著主軸方向排列了。接著，設置justify-content:center;，這樣子元素就會在主軸上水平平均分布了。 下面是實現(xiàn)這種效果的代碼示例：

父元素的CSS代碼：
p{
display:flex;
justify-content:center;
}
子元素的CSS代碼：
p{
width: 50px;
height: 50px;
background-color: #ccc;
margin: 10px;
}

以上代碼中，子元素是一個50×50的正方形，每個子元素都會在主軸上平均分布。如果希望子元素在交叉軸上垂直居中，可以使用align-items:center;實現(xiàn)。 以上就是使用CSS實現(xiàn)水平平均分布的方法。通過這種方式，可以輕松地實現(xiàn)許多常用的網(wǎng)頁布局。當然，如果還需要更加復雜的布局方式，CSS還有許多其他的排版技巧可以使用，我們可以根據(jù)實際情況進行選擇。