align-content属性只适用于多行的flex容器,并且当侧轴上有多余空间使flex容器内的flex线对齐。
align-content是针对flex容器里面多轴(多行)的情况,align-items是针对一行的情况进行排列。在元素布局的时候,如果有多个侧轴,则align-content生效,如果只有一个侧轴,则align-items生效。
align-self属性允许单个项目有与其他项目不一样的对齐方式,可覆盖align-items属性。默认值为auto,表示继承父元素的align-items属性,如果没有父元素,则等同于stretch。
上图这种布局在iOS中可以用UICollectionView来实现,那用小程序view该如何实现呢?
这样的布局意思是一行显示不下,换行继续显示,设置图片width:30%;这样一行三个显示就完成了,但是这些代码的设置不会有上图的左右间隔,再加上justify-content:space-around;即可

