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