css水平、垂直居中

div水平居中：
1. margin: 0 auto
2. 定位 position: absolute;
left: 50%;
transform: translateX(-50%);
3. flex布局
display: flex;
justify-content: center;

div垂直居中：
1. position: absolute;
top: 50%;
transform: translateY(-50%)
2. flex布局
display: flex;
align-items: center;

文本水平居中：
text-align: center;
文本垂直居中：
1. line-height === height
2. display: flex;
align-items: center;