多个盒子固定一行排几个 屏幕缩小不换行

 ul{

      display: flex;   //父盒子设置flex   并且不换行

      flex-wrap:wrap;   //这个就是不换行

      li{

        list-style:none;

        margin: 0 10px 10px 0;    //这里是你设置的外边距  设置了右和下  

        flex: 0 0 calc((100% - 60px)/7);    

//计算的  时候公式  就是   100% - 右侧外边距的值乘以n-1   比如你7个  你就有6格外编剧   把这个减掉  再除以n  那就是你的个数

        height: 80px;

        background-color: #e5e9f2;

      }

      li:nth-child(7n){    //这个就是给每一行最后一个margin-right设置成0     

        margin-right: 0;

      }

    }