一、垂直居中
1. 浮动布局
display: flex;
justify-content: center;
align-items: center;
二、水平居中
1. 浮动布局
display: flex;
justify-content: center;
三、垂直水平居中
display: flex;
justify-content: center; /* 水平居中 */
align-items: center; /* 垂直居中 */
height: 100px; /* 容器的高度 */