请列举并解释至少三种实现元素水平居中的 CSS 方法。

回答思路

1. 能说出 text-align 对块级子元素无效、对行内元素有效
2. 能说明 margin auto 要求元素有明确宽度
3. 能覆盖 Flexbox 与 Grid 的 justify-content 方案