垂直居中和水平居中

圖片水平垂直居中

img{
    margin:auto;
    position: absolute;
    top:0;
    left:0;
    bottom:0;
    right:0;
}

.box{
     position: absolute;
     top:50%;
     left:50%;
     width:100%;
     transform:translate(-50%,-50%);
     text-align: center;
     }