flex 布局
flex 属性 1
flex 包含以下三个属性：
flex-grow 撑大
flex-shrink 压缩
flex-basis 默认尺寸
flex: 1 等价于 flex: 1 1 0;
flex: 10px 等价于 flex: 1 1 10px;
flex: auto = flex: 1 1 auto;
flex: initial = flex: 0 1 auto;
控制属性
- flex-direction - 控制 flex 子元素的排布方向和顺序（默认为横向，正序）
- flex-wrap - 控制 flex 是否换行/列
- justify-content - 控制 flex 子元素的主轴排列
- align-items - 控制 flex 子元素的非主轴排列
- align-content - 控制 flex 子元素换行后每一行的空间分布