在CSS中，彈性盒布局是一種非常有用的布局方式，可以方便地實現各種復雜的布局需求。其中一個常見的需求是將多個元素水平平均分布，這時可以使用彈性盒的一些特性來實現。

首先，需要將元素包裹在一個容器中，并設置容器為彈性盒布局。

.container {
display: flex;
justify-content: space-between;
}

以上代碼將容器設置為彈性盒布局，并使用justify-content屬性設置元素的水平分布方式。其中，space-between值可以實現將元素平均分布，且元素之間的間距相等。

如果需要垂直方向平均分布，則需同時設置align-items屬性：

.container {
display: flex;
justify-content: space-between;
align-items: center;
}

以上代碼將元素在垂直方向上平均分布，并將它們在垂直方向上居中對齊。

如果需要讓一個元素占據更多的空間，可以使用flex-grow屬性。例如，以下代碼中的第一個元素將占據3倍的空間：

.container {
display: flex;
justify-content: space-between;
align-items: center;
}
.item1 {
flex-grow: 3;
}

在以上代碼中，第一個元素的flex-grow屬性被設置為3，說明它的空間將比其他元素多3倍。

總之，使用彈性盒布局可以輕松實現元素的平均分布以及空間的分配，特別是在響應式布局中，使用彈性盒布局可以更加方便地適配不同屏幕大小。