弹性盒布局
父元素:display:flex;
flex-direction 改变主轴的方向
默认主轴为水平方向
默认为row
column 垂直方向
row-reverse 让主轴上的子元素反转排列
colum-reverse
justify-content 设置子元素在主轴方向上排列的方式
flex-end 位于主轴的末尾
flex-start 开始
center 中间
space-between 平均分布
space-around 平均分布 加一个左右外边距
align-items 设置子元素在交叉轴上的排列
flex-end
flex-start
center
baseline 基线
strech 默认值
flex-wrap:wrap 设置换行
nowrap 默认值 不换行 压缩显示
wrap-
align-content: 多主轴时设置子元素在交叉轴上的位置
flex-flow:flex-direction flex-wrap;
子元素:flex
order:1; 通过order属性设置子元素的先后顺序,默认为0,数值越小越前,可以为负数