flex常用属性和综合属性

一、常用属性

flex-direction  设置主轴方向(row / column)

flex-wrap  是否换行（nowrap / wrap）

justify-content 主轴对齐方式

align-items  侧轴对齐方式

---

二、综合属性

综合属性有三个，分别是：

• flex-grow  子元素扩展比例；当容器有剩余空间时如何分配，默认为0；
• flex-shrink  子元素收缩比例；子元素宽度之和大于父容器时，子元素如何收缩，默认值为0；
• flex-basis  设置元素主轴方向初始大小；比width优先级高，默认值为auto

这三个属性可以简写为：flex: 0 0 auto;