css3实现垂直居中，水平
.box{
text-align:center;
}
.content{
margin-top:50%;
transform:translateY(-50%);/**沿Y轴移动**/
}
<div class="box">
<div class="content">
</div>
</div>- 上一篇 »css3实现水平、垂直居中
- 下一篇 »为你总结老生常谈的 --- CSS居中
.box{
text-align:center;
}
.content{
margin-top:50%;
transform:translateY(-50%);/**沿Y轴移动**/
}
<div class="box">
<div class="content">
</div>
</div>