CSS可以幫助我們實現頁面元素的布局，其中圖片的平均分布也是經常需要實現的需求之一。下面我們來介紹一種使用CSS實現圖片平均分布的方法。

.container {
display: flex;
flex-wrap: wrap;
justify-content: space-between;
}
.container img {
width: 30%;
margin-bottom: 10px;
}

首先，我們需要創建一個容器來包含所有圖片，這里我們使用flex布局，方便對圖片進行布局控制。設置flex-wrap屬性為wrap，使得圖片一行鋪不下時會自動換行。設置justify-content屬性為space-between，使得容器內的所有項目會平均分布在整個容器中。

其次，我們需要對每張圖片進行樣式控制。設置圖片寬度為30%，使得圖片可以自適應容器寬度。同時，為每張圖片設置一個底部的margin，使得圖片之間有一定的間距。

通過以上的CSS代碼，我們就可以實現圖片的平均分布效果了。給容器添加圖片時，只需將圖片放在容器內即可。