flex 学习笔记

flex 基础属性

1. 思路先确定主轴方向，在使用主轴和侧轴方法去设置
2. flex 布局分为父属性和子属性：父属性是控制子元素排列，子属性是控制自身排列等属性

父属性:

• flex-direction 主轴方向
• justifry-content 主轴子元素排列方式
• flex-wrap 子元素是否换行
• align-content 侧轴上子元素排列方式(多行)
• align-items 侧轴上子元素排列方式(单行)
• flex-flow 复合属性 等同于 flex-direction flex-wrap 结合使用

子属性

• flex 自身占用的分数比例
• align-self 自身在侧轴的排列方式
• order 定义子项排列顺序（前后：order越小越靠前）