CSS平均距離是網頁設計中非常重要的一部分，它可以幫助我們使頁面的各個元素之間的距離保持一致，讓頁面看起來更加整齊、美觀。

代碼演示：
.box{
display: flex;
justify-content: space-between;
}

上面的代碼使用了flex布局，通過設置justify-content屬性為space-between，可以讓盒子元素之間的距離保持一致。

.box{
display: flex;
justify-content: space-around;
}

除了space-between外，我們還可以使用justify-content屬性的其他值，比如space-around。它會將盒子元素平均分布在容器內，保持元素之間的距離相等。

除了使用flex布局，我們還可以使用CSS Grid來設置平均距離。

代碼演示：
.grid{
display: grid;
grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
grid-gap: 20px;
}

使用CSS Grid布局，我們可以通過設置grid-template-columns屬性，讓列之間的距離保持一致。同時，使用grid-gap屬性可以設置行和列之間的距離。

總而言之，通過使用以上的CSS屬性和技巧，我們可以輕松地設置網頁元素之間的平均距離，讓頁面看起來更加整潔、美觀。