常用的垂直水平居中方法

flex布局

现在我最常用的居中布局就是flex布局，给父级元素增加以下css即可：

    .father {
        display: flex; // 开启flex布局
        justify-content: center; // 横向居中
        align-items: center; // 纵向居中
    }