请介绍常见的 CSS 居中布局方式，并说明不同场景下的选择依据。

回答思路

1. 列举水平居中与垂直居中常用方法（如 flex、grid、position+transform 等）
2. 说明各方法的适用场景（定宽高、不定宽高、兼容性要求）
3. 能根据具体需求选择合理方案并解释原因