盒子的水平垂直居中几种方法

方法1： 知晓盒子宽高值的情况

          position:absolute;

          left:50%;

          top:50%;

          margin-top:-h/2;

          margin-left:-w/2;

     方法2： 知晓盒子宽高值的情况

           position:absolute;

           left:0;

           top:0;

           right:0;

           bottom:0;

           margin:auto;

    方法3：不需要知道具体的盒子宽高

        弹性盒 

        display:flex;

        justify-content；center;

        align-items:center;

    方法4：不需要知道盒子的具体宽高值

    position:absolute;

    left:50%;

    top:50%;

    transform:translate(-50%,-50%);