如何在HTML中使飞机符号✈︎垂直朝上？writing-mode代码无效

• 你用的writing-mode: vertical-lr;只负责改变文本的排版流向（比如让文字竖排），不会旋转单个字符，所以飞机符号还是保持水平状态，这就是代码没生效的原因。
• 要让符号垂直朝上，得用CSS的transform: rotate()属性来旋转字符，同时需要设置元素为块级或行内块级，确保旋转生效。

直接可用的代码示例：

<p style="transform: rotate(90deg); display: inline-block;">✈︎</p>

如果需要配合垂直排版的文本流，也可以这样组合（此时旋转角度需要调整为180度，抵消垂直排版的方向影响）：

<p style="writing-mode: vertical-lr; transform: rotate(180deg); display: inline-block;">✈︎</p>

关键说明：

• transform: rotate(90deg)：把飞机符号顺时针转90度，实现垂直朝上的效果。
• display: inline-block：行内元素默认无法应用transform属性，设置这个值才能让旋转生效。

内容的提问来源于stack exchange，提问作者user19328544