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