微信小程序Flex布局产生间隙的解决方案

在写wxss时使用flex布局生成一个九宫格view块时,设置子元素边框产生间隙

如图

        

查阅资料后,解决方案如下,父元素设置如下属性

align-content: flex-start

具体参数如下：
flex-start：与交叉轴的起点对齐。
flex-end：与交叉轴的终点对齐。
center：与交叉轴的中点对齐。
stretch（默认值）：轴线占满整个交叉轴。
space-between：与交叉轴两端对齐，轴线之间的间隔平均分布。
space-around：每根轴线两侧的间隔都相等。所以，轴线之间的间隔比轴线与边框的间隔大一倍。
 

.father{

  display: flex;

  align-content: flex-start;

}