今天开发小程序的时候用到了flex-wrap来让一行放两个容器,放满之后自动排列到下一行,但是换行之后发现上边距会有问题,如下图所示:
margin-top设置的2%,但是只有最上面那行是真正的2%距离,下面的都是不对的距离,而且会随着本身的高度变化而变化,经过多方查找原因发现是换行之后有固定间距的原因,只要在父容器加上align-content: flex-start;就可以了:
参考文章:display:flex; flex-wrap:wrap后,元素上下有边距
微信小程序中view容器用flex-wrap排列换行后产生固定高度的坑
最新推荐文章于 2023-07-07 15:29:25 发布
关键词由CSDN通过智能技术生成