css实现垂直水平居中

<div class="wrapper">

   <div class="content">

   </div>

</div>

css部分：

.wrapper{position:relative;}

.content{

    backgroud-color:#FFFFFF;

    width:200px;

    height:200px;

    position:absolute;//父元素需要相对定位

    top:50%;

    left:50%;

    margin-top:-100px;

    margin-left:-100px;

}