CSS的垂直居中，关于任意元素都能垂直居中。

        html, body {
            height: 100%;
            margin: 0;
        }

        body {
            -webkit-align-items: center;
            -ms-flex-align: center;
            align-items: center;
            display: -webkit-flex;
            display: flex;
        }

在body中，初始化定义一下，就可以让任意元素垂直居中，代码如上（这个有一定的兼容问题！不过现代浏览器是没有问题的！）