writing-mode: vertical-lr下多语言文本跨浏览器水平对齐兼容问题

针对Chrome与Firefox中writing-mode: vertical-lr排版时，爪哇文与汉字对齐方向不一致的问题，可通过以下代码修改实现跨浏览器表现一致：

直接修改元素样式（无需调整字符顺序） #

<h1 style="writing-mode: vertical-lr; unicode-bidi: embed; direction: ltr;">
  結ꦲꦂꦠꦤ꧀ꦠ
</h1>

精准控制脚本部分（单独包裹目标字符） #

<h1 style="writing-mode: vertical-lr;">
  結<span style="unicode-bidi: embed; direction: ltr; text-combine-upright: all;">ꦲꦂꦠꦤ꧀ꦠ</span>
</h1>

核心原理 #

• direction: ltr：强制文本按从左到右的逻辑方向排列，让爪哇文对齐到汉字左侧，匹配Chrome的默认表现。
• unicode-bidi: embed：确保方向设置仅作用于目标文本，不会干扰外部排版逻辑。
• text-combine-upright: all：将水平脚本字符打包为垂直对齐的单元，消除不同浏览器对异语言脚本的排版差异。

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