在使用CSS進行網頁樣式設置的過程中，我們常常會遇到需要設置元素之間的水平間距。而如果需要讓這個間距平均分配到每個元素之間，我們該如何設置呢？下面介紹一下如何用CSS實現橫向平均間距的效果。

以上代碼中，使用了flex布局和justify-content屬性來實現橫向平均間距的效果。其中，容器使用了display: flex;屬性，這樣所有的子元素就會按照一定方式排列。而justify-content: space-between;屬性則表示將間距平均分布到每個元素之間。

總體來說，使用flex布局來設置橫向平均間距的效果是非常方便和簡單的，而且在現代瀏覽器中也有比較好的兼容性。如果你的網站需要設置橫向平均間距，可以嘗試使用flex布局來實現。以上是基本CSS代碼的演示，你可以根據自己的需求進行調整和優化。