水平居中：

.box {
    display: flex;
    justify-content: center;
}

垂直居中：

.box {
    display: flex;
    align-items: center;
}

水平垂居中：

.box {
    display: flex;
    justify-content: center;
    align-items: center;
}