元素水平垂直居中

display: flex;
justify-content: center;
align-items: center;

给父元素添加上面这段代码，子元素就会水平垂直居中。