flex布局

display:flex;

justify-content:
1.space-between;
2.space-around;
3.left;
…

align-items:

align-content:

flex-shrink: 0;(是否收缩) 默认1收缩

flex-direction属性决定主轴的方向，它可能有四个值。
row：默认值。主轴为水平方向。起点在左端。
row-reverse：主轴为水平方向，起点在右端。
column：主轴为垂直方向。起点在上端。
column-reverse：主轴为垂直方向，起点在下端。

flex-wrap：设置子元素的是否自动换行和排列方向，值：nowrap、wrap和wrap-reverse。

flex:1;时，overflow：hidden；可设置撑开至当前屏幕最大范围；

关于flex值

1、默认：0 1 auto；

flex：1； ===> 1 1 0%;