css3实现垂直居中，水平

.box{
 text-align:center;
}
.content{
 margin-top:50%;
 transform:translateY(-50%);/**沿Y轴移动**/
}
<div class="box">
 <div class="content">
 </div>
</div>