div垂直居中

先是使用的这种方法进行垂直居中：

 

.vertical-center{

position: absolute;

top: 50%;

left: 50%;

transform: translate(-50%, -50%);

}

 

可是在IE8中显示时错误的，改用下面的方式进行垂直位置调整了：

.vertical-center{

margin-left: auto;

margin-right: auto;

margin-top: 10%;

}

 

可恶的IE