还有一种垂直居中的实现方式 ，针对移动端页面布局的，很好用
#parent{
display:flex ;
align-items:center; 垂直居中
justify-content:center ; //水平居中
}
CSS垂直居中的6种方法垂直居中一直是CSS布局中比较令人头疼的问题，相比于水平居中，垂直居中对于不同的元素类型需要采取截然不同的策略，因此常常会因为策略的误用导致无法成功居中。这篇文章总结了垂直居...
分享一个小小的技巧---绝对定位和负边距法 ：
通常情况下 UI会给到固定尺寸的设计图，这时候我们可以使用transform 来实现 水平或者垂直居中
<div id="parent">
<div id="child"></div>
</div>
css :
#parent{
position:relative ;
}
#child {
width:1rem ;
height:1rem ;
position: absolute ;
top:50%;
left:50%;
transfrom:translate(-50%,-50%) // 使用transfrom修正，实现水平垂直居中
}
CSS垂直居中的6种方法垂直居中一直是CSS布局中比较令人头疼的问题，相比于水平居中，垂直居中对于不同的元素类型需要采取截然不同的策略，因此常常会因为策略的误用导致无法成功居中。这篇文章总结了垂直居...
