flex（弹性布局）主轴对齐方式

• justify-content是主轴对齐的对齐方式

  当主轴方向是row（行 默认值）

  flex-start （默认值）左对齐

  flex-end 右对齐

  center 水平居中

  当主轴方向是column（列）

  flex-start （默认值）顶端对齐

  flex-end 底部对齐

  center 垂直居中

  space-between 两端对齐

  space-around 分散对齐

justify-content：flex-start
justify-content：flex-end
justify-content：center
justify-content：space-betwwen
justify-content：space-around