# flex学习

## 分类

display: flex; 加在父元素上

- 1：用在父元素身（6个）

justify-content: 决定元素在x轴的对齐方式

align-items：决定元素在y轴的对齐方式

flex-wrap: 决定元素是否换行

flex-direction：决定元素的排列方向


- 2：用在子元素上（6个）

order: 数值越小，元素越靠前
flex-grow：定义元素的放大比例
flex-shrink：定义元素的缩小比例