flex的基本代码

    display: flex; 父盒子
    flex-direction: row; 轴线右
    flex-direction: row-reverse; 轴线左
    flex-direction: column; 轴线下
    flex-direction: column-reverse;轴线上
    flex-flow: nowrap; 不换行
    flex-flow: wrap; 换行
    flex-flow: wrap-reverse; 换行第一行在下面
    justify-content: flex-start; 主轴左对齐
    justify-content: flex-end; 主轴右对齐
    justify-content: center; 居中
    justify-content: space-between; 左右对齐
    justify-content: space-around; 扩散居中