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

<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%);
}