盒子水平和垂直同时居中方法

.box{position:absolute;
        top:50%;
        left:50%;
        -webkit-transform:translate(-50%,-50%);
        }