做项目的时候有一个很小的改动点，需要将icon上下翻转一下。
自然想到transform 180度来实现，但加上transform属性却不生效。
icon就是通过i标签和::before实现的。
transform 的兼容性限制：根据 CSS 规范，transform 属性仅适用于 块级元素 或 原子内联级元素（如 inline-block、grid、table 等），因为它们拥有独立的盒模型和布局空间[1][30]。
由此可见，给icon加上一个 diaplay: inline-block 就能生效了！
