弹性盒子-

diplay-flex设置为弹性盒子

flex-direction

决定主轴方向/colimn竖向排列弹性盒子

justify-content

在主轴上一些对齐方式

space-between
align-items属性定义项目在侧轴上如何对齐

flex-end|center|baseline

align-content属性定义了项目在侧轴上的对齐方式。

须搭配flex-wrap才可 align-content:flex-start | flex-end | center |space-between | space-around| space-evenly| stretch (默认值); align-content在侧轴上执行样式的时候，会把默认的间距给合并。