display布局，均分方法

之前用display：flex;布局的时候是不是都会遇到这种问题，比如一行排四个，但是有六个需要排，这个时候就需要两行，但是第二行的时候就只有两个，所以会发生布局错乱的现象，

比如这样justify-content: space-between;

 这样justify-content: space-around;

 这样justify-content: space-evenly

 但是我们所需要的是这样的

 方法一：代码如下：

<style>
    .box {
        //不加宽度的话就是自适应，加宽度需要算好到底是多少，否则会溢