(资料图片)
在常用的flex布局中,当页面展示商品时,因为数据的不确定,导致justify-content设置成space-between,最后一行布局错乱
1 2 3 4 5 6 7Document 8 51 52 535475 76155256357458559660761862463564665766867468569670771872173 74
解决办法就是在小盒子后面添加标签 i 或者span标签,然后不设置高度,宽度和小盒子.box 下的div宽度一样就可以
问题来了设置几个呢,答案是设置该行的n-2个,比如说一行有4个那么写2个就可以了,如果有5个写3个就可以了
原理就是用 i 标签去占据位置,如果还不明白可以给i添加高度和背景色。再查看
然后再减去一个div第二个 i 就会上来