1 绝对定位
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);//负的 左 上
2 flex 布局
在父标签中添加以下代码
display: flex;
align-items: center; 垂直居中
justify-content: center; 水平居中
3 其他
单行文本: line-height = height //垂直
图片: vertical-align: middle;//垂直