让元素水平垂直居中

1. 在父级元素上添加以下css代码

xxx {
    /* 启用弹性盒布局 */
    display: flex;
    /* 使子元素水平居中 */
    justify-content: center;
    /* 使子元素垂直居中 */
    align-items: center;
}

xxx标签下的子元素就会自动垂直 水平居中