flex布局

父元素中定义：

定义布局 display:flex

flex-direction:方向 （row从左到右横向（默认），row-reverse从右到左，column从上倒下，column-reverse从下到上）

flex-wrap: 换行（nowrap不换行（默认） wrap正换行（换行在下方）  wrap-reverse倒换行（换行在上方））

justify-content:对齐方式（flex-start向左对齐 flex-end向右对齐 center剧中对齐

space-between 均匀分本，每个块2边有空间，但是最2边的2个块左右没有空间， space-around 均匀分部，每个块两边留有空间）


子元素中定义：
order：排序（1，2，3，4 越小越靠前）
flex：占百分比（1，2，3使用flex，当前元素宽度失效）