CSS平均分布是一种布局技巧，可以实现等间距分布元素排列，它的实现原理是通过设置容器的宽度和子元素的宽度，使子元素按照等间距的方式排列。
需要确定容器的宽度，如果容器宽度为100%，则可以使用flex布局来实现，如下所示：
.container {
display: flex;
width: 100%;
}
需要设置子元素的宽度，如果需要实现等间距分布，则需要将子元素的宽度设置为容器宽度的一半，如下所示：
.container > div {
width: 50%;
}
需要设置容器的属性，使其可以实现等间距分布，如下所示：
.container {
justify-content: space-between;
}
<div class="container">
<div>1</div>
<div>2</div>
<div>3</div>
</div>
上面的代码实现了等间距分布元素排列的布局，如果需要实现更复杂的布局，可以使用CSS3的flexbox布局，它支持更多的属性，可以实现更复杂的布局效果。
本文链接：http://task.lmcjl.com/news/12823.html