第一种:利用css的transform变形。
ps:这个真好用。
position:absolute;
top:50%;
left:50%;
transform:translateY(-50%) translateX(-50%)
第二种:ie9就不用想了。flex布局
ps: 宽高是一定要的,这是外层元素设置内层子元素的垂直居中。
display:flex;
just-content:center;
align-items:center;
width:100%;
height:100%;