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

Question

我发现了如何将文本(感谢 SO)旋转 90°，问题是文本是垂直呈现的，但(我猜)盒子是水平计算的(如之前旋转).

我有一个包含这种旋转文本的表格单元格，我想在单元格顶部对齐文本。结果我得到这样的东西:

旋转前的文本:

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支持。