CSS基础之flex弹性盒子布局的基础属性

父元素上的属性：

flex-direction：主轴方向（水平/竖直） ：row左~右（默认） column上~下 ＋-reserve前后颠倒

flex-wrap ：是否换行 ：nowrap不换（默认） wrap换行 +reserve颠倒

flex：flow：前两者综合（1属性 2属性）

justify-content：主轴对齐方式：center居中 flex-start起点端对齐 -end终点端对齐 space-between两端对齐 -around元素两侧等距对齐 evenly居中等距

align-items ：交叉轴对齐方式：center flex-start/-end baseline项目首行文字基线对齐 stretch项目占满容器高度

align-content：多行项目对齐方式：（属性类似justify-content）特别的：center居中

子元素上的属性：主要有

order：项目的顺序：（数字）0/1/2..0 默认为0 越大越靠后

flex-grow ：放大比例：（数字）（默认为0）越大分的比例越大

flex-shrink：主轴空间不足的缩小比例：（数字）（默认为1）越大缩的越多

flex-basis ：分配剩余空间前，项目占用主轴空间：em/%/px

align-self：为单个项目单独定位：同align-items属性，特别的 ：auto同父元素