弹性盒模型的使用(父级元素)？

父元素上的css属性
1、将元素转为弹性盒模型
语法：display: flex;
强调：1、此语句必须设置在父元素上，效果看上去类似display:inlin-block;
2、会导致float失效、vertical-align失效 - 也不需要了

2、弹性盒模型可以设置对齐方式
语法：justify-content:

flex-start(默认值靠左/靠上对齐)

flex-end(靠右/靠下对齐)

center(中间对齐)

space-between(两端对齐;常用)

space-around(自适应间距);
强调：此语句必须设置在父元素上

3、设置主轴
语法：flex-direction:

row(默认值)；

column(列对齐);
强调：此语句必须设置在父元素上

4、如何让一个元素实现同时水平垂直居中？
交叉轴：不是主轴的轴就是交叉轴
设置交叉轴：align-items:

flex-start(默认值靠左对齐)

flex-end(靠右对齐)

center(中间对齐)

space-between(两端对齐)

space-around(自适应间距);

5、flex容器中的元素默认是不会换行的
语法：flex-warp: warp(换行);