微信小程序 使用flex-wrap换行后怎样消除间距

每个块的高度设置为100px,height:100px;使用flex-wrap :wrap;换行后,发现多出来1,2的间隙,并且1,2间距相等。
为什么会这样呢?这就是flex-wrap机制,平分剩下高度,居中.
微信小程序 使用flex-wrap换行后怎样消除间距_第1张图片
理解了为什么,解决起来就简单了,让平分的高度为0,也就是没有多的给他平分,不就对齐了吗?之前交代过块的高度为100px,所以我们让整个container的高度为200px
微信小程序 使用flex-wrap换行后怎样消除间距_第2张图片

你可能感兴趣的:(微信小程序,小程序)