弹性布局属性笔记

容器的属性：flex-direction(决定主轴的方向)row水平方向，起点在左端；
row-reverse水平，起点在右边；column垂直，起点由上至下;column-reverse垂直，由下至上

flex-wrap(轴线)
 nowrap:不换行;
wrap:换行，第一行在上方；
wrap-reverse:换行，第一行在下方

flex-flow(是flex-direction属性和flex-wrap属性的简写形式，默认值为row nowrap)

justify-content(项目早主轴上面对齐)
flex-start:左对齐；
flex-end:右对齐;
center:居中；
space-between:两端对齐，项目之间的间隔都是相等的；
space-around:项目两侧的间隔相等，项目之间的间隔比项目与边框的间隔大一倍。

align-items(定义项目在交叉轴上如何对齐)
flex-start:交叉轴的起点对齐
flex-end:交叉轴的终点对齐
center：交叉轴的中点对齐
baseline:项目的第一行文字的基线对齐
strech:默认值---如果项目未设置高度或设为auto，将占满整个容器的高度

align-content(多根轴线对齐方式)
        flex-start：与交叉轴的起点对齐。
        flex-end：与交叉轴的终点对齐。
        center：与交叉轴的中点对齐。
        space-between：与交叉轴两端对齐，轴线之间的间隔平均分布。
        space-around：每根轴线两侧的间隔都相等。所以，轴线之间的间隔比轴线与边框的间隔大一倍。
        stretch（默认值）：轴线占满整个交叉轴。

order属性(数值越小，排列越靠前，默认为0)

flex-grow(项目的放大比例，默认为0，与剩余空间无关)
flex-shrink(项目缩小比例，默认为1，空间不足时，则会缩小项目)