首页 > TAG信息列表 > evenly
flex布局之space-evenly兼容性不好，巧用space-between实现space-evenly效果
熟悉移动布局的程序猿都知道在弹性布局（flexbox）和网格布局（grid）中，都有一个属性justify-content，space-evenly是其值之一。目的是实现如下效果： 这是什么效果呢？？？ 子元素均分容器空间，这是space-between和space-around均无法直接实现的效果。 的确很强大！！！但是我们通过can i use 网站查询space-evenly、space-between和space-around的区别
space-evenly： 均匀排列每个元素,每个元素之间的间隔相等。 space-between：在左右两侧没有边距。 space-around： 在左右两侧会留下边距，垂直布局同理。 在改bug时，发现space-evenly在IE上面不支持，但是IE支持space-around,所以干脆这两个属性都写上。 谷歌会优先使用解决Flex布局justify-content: space-evenly最后一行数量不固定
项目中遇到justify-content: space-evenly最后一行数量不固定的问题 如图： 解决方法： 1.判断数组里的内容是否为空，为空把class名换成hide 隐藏样式显示占位符 2.js 判断数组长度余数是否为单数 问题完美解决