一，使用 Flexbox弹性盒子
二，使用 Grid 布局
CSS Grig布局也是一个强大的工具，可以轻松实现复杂的布局任务，包括垂直居中：
三，使用绝对定位和 transform 属性
这种方法适用于不使用 Flexbox 或 Grid 的情况，但需要注意的是它需要已知或可以通过 JavaScript 获取的高度。
四，使用表格布局
虽然不如 Flexbox 和 Grid 布局灵活，但在某些情况下，特别是当需要支持较旧的浏览器时，使用 CSS 表格也是一种选择。
五，使用行高（line-height）
这种方法适合单行文本，并且需要设置固定高度。
