水平垂直居中

1、水平居中

        text-align:center(父级)

        display:block;  magin 0 auto  (子级)

水平垂直居中

 1、   position：absolute;

         left:0; 

         top:0;   

        right:0

        bottom:0;

        width:100%;

        margin:auto；

2、 position：absolute;

         left:50%; 

         top:5%0;   

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

3、 display:flex;

        justify-content: center;

        align-items: center