flex布局flex container和flex item

父元素叫容器，子元素叫项目
横轴又叫主轴，纵轴又叫交叉轴
父元素上设置display:flex,然后可以设置以下6个属性：

• flex-direction: 在主轴上的排列方向 row, row-reverse, column, column-reverse

• flex-wrap: 一行排不下如何换行，nowrap, wrap, wrap-reverse(第一行在最下方)

• flex-flow: 默认row nowrap, 是flex-direction和flex-wrap的简写形式

• justify-content： 在主轴上的对齐方式, flex-start, flex-end, center, space-between, space-around

• align-item: 定义在交叉轴上的对齐方式， flex-start, flex-end, center, baseline, stretch

• align-content: 多根轴线对齐方式，不常用

如果本文对您有帮助，请给我点赞哦~ 谢谢~