justify-content: center;// 水平居中
align-items: center;//垂直居中
display: flex;
//文本居中样式
line-height:height,
text-align:center,
position:absolute;
top:50%;
left:50%; // 参考自身元素(左上角的点为50%)
textalign:center;
transform:translate(-50%,-50%) // 参考自身的位置