css3垂直居中

<style>
       
        #centerbox{
            left:50%; top:50%;
            transform:translate(-50%,-50%);
            -webkit-transform:translate(-50%,-50%);
            background-color:gray; color:white; position:absolute;
            width:500px; height:500px;
        }
    </style>

    <div id="centerbox">垂直居中</div>