容器
- flex-flow 方向和换行缩写
- flex-direction 主轴方向 row/row-reverse/column/column-reserve
- flex-wrap 是否换行 nowrap/wrap/wrap-reverse
- justify-content 主轴对齐方式 flex-start/flex-end/center/space-between/space-around/space-evenly
- align-items 交叉轴对齐方式
- align-content 多行项目的对齐方式
项目
- order 项目排列顺序,数字越小,越靠前
- flex-grow 有空间是否放大,0是不放大,1放大
- flex-shrink 空间不足是否缩小,0不缩小 1缩小
- flex-basis 元素宽度 权值高于width
- flex 以上三个值的缩写
- align-self 自己的对齐方式 auto/flex-start/flex-end/center/baseline/strech