如何对齐表格中的旋转文本？

Question

我发现了如何将文本（感谢 SO）旋转 90°，问题是文本是垂直渲染的，但是（我猜）框是水平计算的（如 before 旋转)。

我有包含此类旋转文本的表格单元格，我想在单元格顶部对齐文本。结果我得到了这样的结果：

旋转前的文字：

rotated90

旋转后的文字（请原谅我的 ASCII 截图）：

0
9
d
e
t
a
t
o
r

与单元格顶部对齐的旋转文本：

0
9
d
e
-----------
t
a
t
o
r

所以部分文本实际上在单元格上方，这很糟糕。

想要的效果：

-----------
0
9
d
e
t
a
t
o
r

问题：如何垂直对齐文本，即如何让浏览器将框视为旋转之后（而不是之前）？

Answer 1

如果不指定旋转文本所在单元格的高度，这似乎是不可能的。

Webkit/Mozilla 在元素的显示上执行旋转，但不是它的盒子模型。

CSS3 属性writing-mode 在 IE 中正常工作，旋转盒子模型。这个属性应该大部分浏览器都支持，但是我看的文章说当时只有IE支持。