请介绍CSS中元素居中的常见实现方式，并说明各自的适用场景。

回答思路

1. 能列举水平居中、垂直居中及水平垂直居中各类方法
2. 能说明text-align、margin:auto、flex、grid、position等方案原理
3. 能区分行内元素、块级元素、固定宽高与未知宽高场景
4. 能根据场景给出适中方案并说明取舍