display:flex;（父元素首先要定义）
1.1 flex-direction（确定主轴方向）
row（主抽在横向，起点在左边）
row-reverse（主抽在横向，起点在右边）
column（主抽由横向变为纵向,起点在上沿）
column-reverse（主抽由横向变为纵向,起点在下沿）
1.2 flex-wrap（如果一条轴线排不下，如何换行）
nowarp（默认，不换行）
warp（换行）
warp-reverse（换行，第一行在下）
1.3 flex-flow （flex-direction和flex-wrap的简写形式，默认row nowarp）
1.4 justify-content（定义子元素在主轴的对齐方式）
flex-start（默认，从左到右）
flex-end（从右到左）
center（中间对齐）
space-between（两端对齐，元素之间间隔相等）
space-around（元素之间间隔相等并且比元素与边框间隔大一倍）
1.5 align-items（定义子元素在侧轴的对齐方式）
stretch（默认，如果元素未设置高度，将沾满整个盒子）
flex-start（交叉轴的起点）
flex-end（交叉轴终点）
center（中间对齐）
baseline（元素的第一行文字对齐）
1.6 align-content（定义子元素在交叉轴的对齐方式）
stretch（默认，轴线占满整个交叉轴）
flex-start（与交叉轴的起点对齐）
flex-end（与交叉轴终点对齐）
center（与交叉轴中间对齐）
space-between（与交叉轴两端对齐，元素之间间隔相等）
space-around（没根轴线之间间隔相等并且比元素与边框间隔大一倍）
1.7 子元素属性
order（定义子元素排列顺序，数字越小，越靠前，默认0）
flex-grow（定义子元素的放大比例）
flex-shrink（定义子元素的缩小比例）
flex-basis（定义子元素占据的固定空间）
flex（上面三个属性的简写，默认：0 1 auto；一般写auto）
align-self（设置子元素与其他子元素不同的对齐方式，可覆盖align-items属性，一般用于侧轴不同时）
