居中的方式有很多，我最常用的还是 flexbox：

css
display:flex;
justify-content: center; // 水平居中
align-items: center; // 垂直居中

另外常见的还有：

1. text-align: center
2. line-height 和 height 设置成一样的高度
3. margin: auto 0
4. 绝对定位 + margin 负值
5. 绝对定位 + transform 负值
6. display: grid; place-items: center