css布局中的控件平均分

在CSS布局中，有时需要将控件平均分，使其在页面中看起来更加整齐美观。

常见的方法是使用CSS的flexBox布局。首先，我们需要将父元素的display属性设置为flex，然后再设置justify-content属性为space-between或者space-around。

.parent {
  display: flex;
  justify-content: space-between;
  /* 或者 justify-content: space-around; */
}

.child {
  width: 30%;
}

上面的代码中，.parent是父元素的class名称，.child是子元素的class名称。

在flexBox布局中，每个子元素的width属性都可以设置为相同的值。在本例中，我们将每个子元素的宽度设置为30%。

使用以上代码，可以将子元素平均分布在父元素内。

除了flexBox布局，还有其他一些方法可以实现控件的平均分布，如栅格布局、表格布局等。需要根据具体情况选择最适合的布局方法。

总之，控件平均分布是实现网页设计中常用的技巧之一，掌握相应的布局方法可以让页面呈现更好的效果。