flex-wrap 两行间的空白怎么去除

Question

外部元素用的flex-wrap:wrap;
内部元素用的align-self:flex-start;
我想要的效果是换行后不会出现空白，这两行间的空白是怎么产生的啊
求指点

Answer 1

楼上的方法我试后不行

.box{
    display:flex;
    flex-wrap:wrap;
    align-content:flex-start;
}

这样就可以保证换行没间隔

Answer 2

我是在ReactNative中遇到的这个问题.刚刚解决了,需要设置侧轴的对齐方式即可.问题代码:

    bottomView:{
    flexDirection:'row',
    flexWrap:'wrap',
    }

修改后的代码:

    bottomView:{
        flexDirection:'row',
        flexWrap:'wrap',
        alignItems:'center',
    }