微信小程序中view容器用flex-wrap排列换行后产生固定高度的坑

今天开发小程序的时候用到了flex-wrap来让一行放两个容器，放满之后自动排列到下一行，但是换行之后发现上边距会有问题，如下图所示：



margin-top设置的2%，但是只有最上面那行是真正的2%距离，下面的都是不对的距离，而且会随着本身的高度变化而变化，经过多方查找原因发现是换行之后有固定间距的原因，只要在父容器加上align-content: flex-start;就可以了：

参考文章：display:flex； flex-wrap:wrap后，元素上下有边距