flex布局换行后间隙问题

问题描述
今天遇到flex布局换行后产生间隙的问题，本来预期得到以下结果

image.png

得到如下结果：

image.png

解决方法
其实解决方法很简单，只需要在父元素这里是class为content的元素上加入

align-content: flex-start;

align-content: center;

image.png

align-content: flex-end;

image.png

align-content: space-between;

image.png

align-content: space-around;

image.png