元素垂直居中的几个方法

1、子元素固定宽高

先position top left 50% 然后margin-top margin-left  负的一半自身高宽

{
position:absolute;
top:50%;
left:50%;
margin-top:-100px;//一半的自身高
  margin-left:-50px;//一半的自身高
}

2、css3的 不需要兼容低级浏览器的首选

justify-content:center;//子元素水平居中
align-items:center;//子元素垂直居中
display:-webkit-flex;

3、运用margin:auto进行垂直居中 子元素需要是块级元素