[分享]css3均匀分布

CSS3中均匀分布的概念指的是，在容器中多个元素水平或垂直排列，使它们之间保持等间距的排列方式。

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

以上代码表示将容器里的元素使用弹性布局，并设置了justify-content属性为space-between，从而实现均匀分布。 除此之外，还有其他的属性可用于实现均匀分布，如：

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

以上代码表示将容器里的元素使用弹性布局，并设置了justify-content属性为space-around，从而实现元素之间保持等空间分布。

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

以上代码表示将容器里的元素使用弹性布局，并设置了justify-content属性为space-evenly，将空间分成等份分配给容器中所有元素，实现均匀分布。

总而言之，均匀分布是CSS3中常用的布局方式之一，使用起来非常方便，能够让页面展示更美观、整洁。