解决Flex布局justify-content: space-evenly最后一行数量不固定

项目中遇到justify-content: space-evenly最后一行数量不固定的问题

如图：

 

 

解决方法：

1.判断数组里的内容是否为空，为空把class名换成hide 隐藏样式显示占位符

 

 

 

 

 2.js 判断数组长度余数是否为单数

 

 

问题完美解决