CSS writing-mode属性无法旋转韩文字符问题求助

这是浏览器对CJK（中日韩）字符的默认行为：当设置writing-mode: vertical-lr/vertical-rl时，谚文、汉字这类表意字符会保持垂直正立状态，而拉丁字母、数字会自动旋转90度，导致显示效果不一致。

要让韩文字符和其他字符统一旋转方向，只需给目标元素添加text-orientation: sideways属性：

.vertical{
    writing-mode: vertical-lr;
    text-orientation: sideways;
}

如果需要所有字符保持正立垂直排列（字母数字竖排而非旋转），可以改用text-orientation: upright：

.vertical{
    writing-mode: vertical-lr;
    text-orientation: upright;
}

根据需求选择即可：前者会让所有字符统一旋转90度适配垂直排版，后者则让所有字符保持正立状态竖排。

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