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

1
2
3
4
5
6

.vertical-center{
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}

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

1
2
3
4
5

.vertical-center{
    margin-left: auto;
    margin-right: auto;
    margin-top: 10%;
}

可恶的IE.