中文竖排必须用writing-mode: vertical-rl，配合text-orientation: mixed，确保汉字直立、字母数字自动旋转90°，标点适配右侧悬挂，且支持文本选择、复制与屏幕阅读器。
HTML国际化本身不直接提供文字垂直对齐能力，垂直对齐必须靠CSS实现，且不同语言排版需求会改变vertical-align或writing-mode的使用逻辑。
vertical-align 在多语言表格中为什么经常失效？
它只对table-cell、inline和inline-block元素生效，而国际化场景下常误用于div或span等块级容器；尤其在RTL（如阿拉伯语、希伯来语）表格中，若未显式设置direction: rtl，vertical-align: middle可能因行盒计算偏差导致视觉偏移。
- 确保目标元素是
td、th，或已设display: table-cell - 避免在
div上直接写vertical-align——它不会起作用 - RTL语言表格中，建议配合
text-align: right与vertical-align: middle同时声明
writing-mode 如何适配中文/日文/蒙古文竖排？
writing-mode是真正支持国际化竖排的核心属性，但取值需按语言习惯选择：中文古籍用vertical-rl，日文现代出版常用vertical-lr，而蒙古文（从上到下、从左到右）也适用vertical-lr；注意vertical-rl会使标点符号自动适配右侧悬挂，vertical-lr则让标点居左，这点在中日混排时容易出错。
如果你了解HTML，CSS和JavaScript，您已经拥有所需的工具开发Android应用程序。本动手本书展示了如何使用这些开源web标准设计和建造，可适应任何Android设备的应用程序 - 无需使用Java。您将学习如何创建一个在您选择的平台的Android友好的网络应用程序，然后转换与自由PhoneGap框架到一个原生的Android应用程序。了解为什么设备无关的移动应用是未来的潮流，并开始构建应用程序，提供更
- 中文竖排首选：
writing-mode: vertical-rl - 日文竖排（尤其现代杂志）：
writing-mode: vertical-lr - 强制拉丁字母直立显示（如英文人名）需加
text-orientation: upright - 不要依赖
transform: rotate(90deg)做国际化竖排——它破坏文本可选性、影响屏幕阅读器
text-orientation 对混合文字的影响很隐蔽
默认text-orientation: mixed会让汉字竖排、英文字母横排（每个字母单独旋转），适合多数中文场景；但若设为upright，所有字符都保持直立，此时英文单词会变成纵向堆叠（如“HTML”显示为 H-M-T-L），对可读性有显著影响，尤其在表单标签或按钮文字中。
- 表单控件内文本慎用
text-orientation: upright - 搭配
writing-mode: vertical-rl时，mixed是安全默认值 - 蒙古文等竖排文字系统要求
text-orientation: upright才符合规范，需按语言标准判断
真正麻烦的不是写哪一行CSS，而是同一份HTML要同时服务中、日、蒙、阿多种文字时，writing-mode和direction必须随lang属性动态切换，且vertical-align在非表格上下文中几乎无用——别指望它能对齐Flex容器里的文字。
前端入门到VUE实战笔记：立即使用
在学习笔记中，你将探索 前端 的入门与实战技巧！
