【css--flex弹性盒布局总结】

弹性盒

• 1．子元素默认横向排列
• 2、行内元素，变成了块级元素
• 3．只有一个元素的时候， margin : auto 自动居中

 /＊改变主轴＊/

flex - direction : column ;
可取 row , column , row - reverse , racolumn - reverse 

／调整主轴对齐方向／
 justify - content : center ;
可取 flex - start , flex - end , center , space - between（两端对齐） , space - around （距离环绕）

／调整侧轴对齐方向／
 align - items : center ;
可取 flex - start ，flex - end , center 

／折行／
 flex - wrap : wrap ;

／控制折行后行间距／
 align - content : space - between ;
 flex - start , flex - end , center , space - around , space - between 

／项目﹣对齐方式／
 align - self : flex- start， flex - end , center , baseline ，stretch 
/项目一调整顺序/
 order :1;可取1，0，-1
/项目一剩余宽高/
 flex :1;/占满剩余空间／