怎么实现垂直居中？请分别说明 flex 和原生（非 flex）方式。

回答思路

1. 能够清晰说明 flex 布局中 align-items 或 align-content 的使用
2. 能给出至少一种原生方式（如 line-height、table-cell、绝对定位+transform）
3. 能说明不同方法的适用条件和兼容性
4. 能指出垂直居中的常见失效场景（如父元素高度不固定）