未知高度、宽度，垂直水平居中

<div class="wrapper">
我不知道我的宽度和高是多少，我要实现水平垂直居中
</div>

.wrapper {
padding: 200px 20px;
background:orange;
color:#fff;
position:absolute;
top:50%;
left:50%;
border-radius: 5px;
-webkit-transform:translate(-50%,-50%);
-moz-transform:translate(-50%,-50%);
transform:translate(-50%,-50%);
}

未知高度、宽度，垂直水平居中

原文：http://www.cnblogs.com/BlackRian/p/4434153.html