如何對齊表格中的旋轉文本？

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