writing-mode: vertical-rl 与 text-orientation: mixed 组合是中英混合竖排唯一可靠方案，可确保中文正立、英文横置可读、标点自动翻转、屏幕阅读器兼容且复制顺序正确。
writing-mode: vertical-rl 是唯一能同时满足中文竖排语义、英文可读、标点自动翻转、屏幕阅读器支持和复制顺序正确的方案。其他方式（如 transform: rotate() 或 flex-direction: column）都会让表头文字在复制时乱序、光标定位错位，或在 Safari/Firefox 中括号方向异常。
vertical-rl + mixed 是中英混合表头的标配组合
单纯写 writing-mode: vertical-rl 后，中文能直立，但 “API”、“2024” 会横躺甚至倒置，“(” 和 “)” 位置反向——这不是 bug，是默认行为。必须加 text-orientation: mixed 才能触发浏览器对字符朝向的智能判断：
- 汉字保持
upright（正立） - ASCII 字母和数字自动顺时针旋转 90°，变成横向可读形态
- 中文标点（如 ，。！？（））按竖排上下文自动翻转，例如 “()” 渲染为 “)(”
- 禁用
text-orientation: upright：它会让 “v1.2.3” 显示成三行小字，阅读顺序完全错乱
th 元素必须是 block 级流，否则 writing-mode 失效
表格单元格（th）默认是 display: table-cell，理论上支持 writing-mode，但实际中常因以下原因失效：
- 父级
table或thead设了display: flex/display: grid→ 强制降级为普通块流，writing-mode被忽略 -
th内嵌了span且未设display: block→ 行内元素不响应writing-mode - 用了
float、position: absolute或display: inline-block→ 触发旧式布局，绕过文本流重定向 - 没设
width→ 竖排下width控制“每列占多少水平空间”，不设就无法折列，文字溢出边框
稳妥做法：给 th 显式声明 display: block，并设 width: 2.5em（根据字体宽度微调）。
如果你了解HTML，CSS和JavaScript，您已经拥有所需的工具开发Android应用程序。本动手本书展示了如何使用这些开源web标准设计和建造，可适应任何Android设备的应用程序 - 无需使用Java。您将学习如何创建一个在您选择的平台的Android友好的网络应用程序，然后转换与自由PhoneGap框架到一个原生的Android应用程序。了解为什么设备无关的移动应用是未来的潮流，并开始构建应用程序，提供更
换行与对齐要按竖排逻辑重理解
竖排后，text-align 和 white-space 的作用对象已反转：
-
text-align: center→ 控制“列内水平居中”，即让整列文字在单元格里左右居中（视觉上是垂直居中效果） -
white-space: nowrap→ 必须加，否则长单词（如 “internationalization”）会在字母间断开，造成不可读碎字 -
line-height: 1.4→ 必须用无单位值；若写line-height: 20px，不同字号下会导致字距挤压或撑开 -
padding的方向也翻转：padding: 0 8px实际是「上下不留白，左右各留 8px」，对应视觉上的顶部/底部留空
国际化场景下，direction 和 unicode-bidi 别乱碰
遇到阿拉伯文、希伯来文等 RTL 语言混排时，容易下意识加 direction: rtl 或 unicode-bidi: bidi-override ——这反而会干扰 writing-mode 对括号、连字符等双向字符的自动重排序，导致 “(” 跑到右边、“–” 显示为 “—”。
真正需要处理多语言混合时，应：
- 保持
direction: ltr（默认），让writing-mode主导流向 - 对纯阿拉伯文字段，单独套一层
dir="rtl"的span，而非作用于整个th - 避免在竖排容器上设
font-feature-settings，部分西文字体开启'vert'特性后反而会破坏数字旋转逻辑
最难调的不是 CSS 属性本身，而是当 “()” 在 Chrome 里显示正常、Firefox 里轻微偏移、Safari 里首帧闪动时，你得意识到：这不是 bug，是浏览器对 text-orientation: mixed 下标点重绘时机的实现差异——此时加 will-change: transform 反而更糟，老老实实靠 padding 微调视觉平衡更可靠。
前端入门到VUE实战笔记：立即使用
在学习笔记中，你将探索 前端 的入门与实战技巧！
