盒子居中弹性布局

1.将盒子居中：
1.知道小盒子的宽高：left :50%，margin-left：-（小盒子的一半的宽度）

2.不知道小盒子的宽度：left：50%  transfrom:translate:(-50%);

2.弹性布局：（默认只有一行  开启换行：flex-wrap:wrap就不可以用align-items进行设置了。

      可以用align-content来代替（注意只对多行管用））

    1.使用弹性布局需要在父盒子中开启弹性布局默认为两个轴（后代为行内快）：display:flex 元素默认分为两个轴排布
主轴为X方向 副轴为y方向：

调整元素在主轴上的排布方式：justify-content：
flex-end到主轴末尾
flex-start默认值
center居中
space-between左右靠边 中间间隙 相等排布
space-around 左右间隙相等
设置副轴的对齐方式：align-items
如果只有一行设置元素 在副轴的对齐方式，
align-items: flex-start 
    :flex-end 
    : center 
  
如果设置单个副轴：align-self:覆盖父元素的align-items
调整主轴的方向：flex-direction:column;还是用justify-content来设置主轴。

默认为一行若要换行为flex-wrap:wrap;

换行之后使用无法使用align-items进行设置