常见父项属性：
flex-direction： 设置主轴方向
justify-content： 设置主轴上子元素的排列方式
flex-warp： 设置主轴是否换行
align-items： 设置侧轴上的子元素排列方式（单行）
align-content： 设置侧轴上的子元素的排列方式（多行）
flex-flow： 复合属性，相当于同时设置了flex-direction和flex-warp
##主轴与侧轴
flex-direction： 属性设置主轴方向
默认主轴x方向，水平向右
默认侧轴方向y轴，水平向下
row：默认从左到右，y轴就是侧轴，元素跟着主轴排列(行)
row-reverse ： 从右到左
column: 从上到下（列）
column-reverse： 从下到上
##设置主轴上的子元素排列方式
justify-content： 属性设置主轴上的子元素排列方式
flex-stat： 默认从头部开始如果主轴是x轴，则从左到右
flex-end： 从尾部开始排列
center： 在轴居中对齐（如果主轴x轴则水平居中）
space-around ： 平分剩余空间
space-between： 先两边帖边再平分剩余空间（重要）
##设置元素是否换行
flex-wrap： 属性设置元素是否换行
nowrap： 不换行（默认）
wrap： 换行
wrap-reverse ：换行，第一行在下方
##侧轴上子元素的排列方式（单行）
align-items： 设置侧轴上子元素的排列方式（单行）
flex-start： 默认从上到下
flex-end： 从下到上
center： 挤在一起居中（垂直居中）
stretch： 拉伸 （子盒子不给高度，如果项目未设置高度或设为auto，将占满整个容器的高度。）
##设置侧轴上子元素的排列方式
align-content： 属性设置侧轴上子元素的排列方式（单行无效，多行换行）
flex-start： 默认从侧轴的头部开始排列
flex-end：在侧轴的尾部开始排列
center： 在侧轴中间显示
space-around： 子项在侧轴平分剩余空间
space-between： 子项在侧轴先分布在两头，再平分剩余空间
stretch： 设置轴线占满整个交叉轴。（默认值）
1417
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
