css一行平均分成四块

CSS三大属性之一的“flex”，可以实现容器内子元素的布局，其中之一的属性值就是“flex: 1; ”可以将父元素中所有子元素平分为四等份。下面是具体的实现方法：

display: flex;
     //将容器设置为弹性布局flex-wrap: wrap;
     //将子元素换行显示justify-content: space-between;
     //将子元素平均分配到每行四个之间的空间>
* {
     //选择所有的子元素flex-basis: 25%;
 //将子元素的基础宽度设置为25%}
    

其中，“flex: 1; ”表示弹性布局，将容器平均分配给每个子元素。在这个属性中，“1”表示平分的比例，若是“2”，则子元素的宽度将为其它元素的两倍。而上述代码中，我们利用了“flex-basis”的属性，该属性用于设置子元素的基础宽度，通过将其设置为25%实现了子元素的四等分。

需要注意的是，在设置“flex-basis”时，也可以使用百分比、rem、em或任何其他单位。但是，在此之前，还需要确保父元素的“width”属性设置为“100%”，以保证子元素在父元素中占据一定比例的宽度。

声明：本文内容由网友自发贡献，本站不承担相应法律责任。对本内容有异议或投诉，请联系2913721942#qq.com核实处理，我们将尽快回复您，谢谢合作！