css弹性布局基础知识分享

1.弹性布局 display:flex 1.父元素变成弹性盒模型后，子元素会变成行内块元素2.子元素在主轴上，会忽略自身宽度，自适应父容器
2.flex-direction:row 默认子项沿着x轴排列，从左到右
 3.flex-direction:row-reverse; x为主轴方向，起始线是右，从右到左 
4.flex-direction:column; y为主轴，从上到下
5.flex-direction:column-reverse;  从下到上
6.flex-wrap: nowrap;  默认子项不换行
7.flex-wrap: wrap;  换行
8.flex-flow: row wrap;  综合写法属性 
9.justify-content: center;  设置主轴方向上的对齐方式
10.justify-content: space-between;  向两端对齐
11.justify-content: space-around;  分散对齐
12.justify-content: space-evenly;  平均分配
13.align-items: center;    设置交叉轴的对齐方式   y轴居中
14.align-items: flex-end;  向下对齐
15.align-content: flex-start;  多行容器的对齐方式