***弹性布局 * 为数字
1.***让他弹性布局
display:flex;
2.分配固定多少px;
flex-basis: * px;
//设置一个值拥有多少宽;
3.剪除之后设置多少份
flex: * ;
//把一个盒子分割成*份
**弹性布局显示换行
flex-wrap:wrap;
//如果屏幕缩小;让屏幕里的装不下的子元素换行;
**元素再水平方向对齐
justify-content:
space-around,//左右分开
space-between,
center, //居中
flex-start,//向上
flex-end //向下
**元素在垂直方向的对齐方式
align-items: center 中间
flex-start 顶部对齐
flex-end 底部对齐
//给父元素设置多个同步;
*给子元素设置
align-self: flex-start //向上 //向左
align-self: flex-end; //向下 //向右
*元素纵向排列
flex-direction: column(纵排); row(横排)一般默认为row(横排);除非主动设置
*在侧轴方向每一行的对齐方式,只能控制一行*
align-content:center;