align-content属性起作用的条件:

  1. 对父元素设置自由盒属性display:flex;
  2. 并且设置排列方式为横向排列flex-direction:row;
  3. 设置换行,flex-wrap:wrap;

1,align-content:stretch;

2, align-content:flex-start;

3,    align-content:flex-end;

4,    align-content:center;

5,    align-content:space-between;

6,    align-content:space-around;

参考:https://www.jianshu/p/63c17bac0814

更多推荐

flex布局中的align-content属性