CSS垂直居中的方法

1.line-height:center;

2.position:relative;top:50%;margin-top:-(元素高度的一半)px;

3.同上 position:relative;top:50%;transform:translateY(-50%);//div向上平移自身高度的50%；

4.父元素设置display:flex;自身设置 align-items:center;(垂直居中)justify-content:center;(水平居中)// 弹性布局；  ie10+  具体语法http://www.ruanyifeng.com/blog/2015/07/flex-grammar.html

5.利用绝对定位  父元素设置display:relative;自身设置display:absolute;top:0;right:0;bottom:0;left:0;margin:auto;