三、图片的水平垂直居中

    html, body {
        height: 100%;
    }
    body {
        text-align: center;
    }
    body:after {
        content: "";
        display: inline-block;
        height: 100%;
        vertical-align: middle;
    }
    img {
        vertical-align: middle;
    }

一般在img标签上使用这种居中，其他元素不用这个方法