1、定义主轴
主轴的方向不一定是从左到右的,株洲的方向是用flex-direction属性控制的,他有4个取值: row:从左到右的水平方向为主轴;row-reverse:从右到左的水平方向为主轴;column:从上到下的垂直方向为主轴;column-reverse:从下到上的垂直方向为主轴;如果水平方向为主轴,那么垂直方向就是侧轴,反之亦然。
##2.子元素的对齐方式
1.justify-content根据主轴对齐;有下列取值:
flex-start 主轴起点对齐(默认值);
flex-end 主轴结束点对齐;
center 在主轴中居中对齐;
space-between两端对齐;
space-around每个子元素之间的距离相等。
2.align-items根据侧轴对齐;有下列常用取值:
flex-start:侧轴的起点对齐;
flex-end:侧轴的终点对齐;
center:在侧轴中居中对齐;