您可以尝试改变浏览器大小，这个元素依然是水平垂直居中的哦！
    

.center{　　position: absolute;　　top: 50%;　　left: 50%;　　width:50%;　　height:30%;　　padding:20px;　　text-align:center;　　background:#393;　　color:#fff; -webkit-transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); -o-transform: translate(-50%, -50%); transform: translate(-50%, -50%);

}