【39】秀的一手好css

Css3使用translate属性，使不知道宽度、高度的元素实现水平、垂直居中

<div class="wrapper">我不知道我的宽度和高是多少，我要实现水平垂直居中</div>  
.wrapper{   
    padding:20px;  
    background: orange;  
    color: #fff;  
    position: absolute;  
    top:50%;  
    left: 50%;  
    -webkit-transform:translate(-50%,-50%);   
    -moz-transform:translate(-50%,-50%);  
    -transform:translate(-50%,-50%);  
}