【CSS3】div水平垂直居中

大部分的登陸頁面都需要登錄框保持在屏幕中間。

以前都是通過JS來獲取實時的頁面大小，改變元素的位置。

現在可以直接使用CSS3保持水平垂直居中

首先要讓html,body元素鋪滿整個頁面

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

然后整個登陸框的div元素加入居中的代碼

        .wrapperlayout {
            display: flex;
            justify-content:center;
            align-items: center;
            height: 100%;
        }