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

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

如图:

 

 

解决方法

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

 

 

 

 

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

 

 

问题完美解决

 

相关文章

一:display:flex布局display:flex是一种布局方式。它即可以...
1. flex设置元素垂直居中对齐在之前的一篇文章中记载过如何...
移动端开发知识点pc端软件和移动端apppc端软件是什么,有哪些...
最近挺忙的,准备考试,还有其他的事,没时间研究东西,快周...
display:flex;把容器设置为弹性盒模型(设置为弹性盒模型之后...
我在网页上运行了一个Flex应用程序,我想使用Command←组合键...