这看起来像应该有可能与以下：
.verticalText
{
/* IE-only DX filter */
writing-mode: tb-rl;
filter: flipv fliph;
/* Safari/Chrome function */
-webkit-transform: rotate(270deg);
/* works in latest FX builds */
-moz-transform: rotate(270deg);
}
这在IE中工作。
它在Safari，Chrome和FX – 一个奇怪的方式出错 – 单元格的大小是在文本旋转之前计算！
这里是一个演示：http://jsfiddle.net/HSKws/
我使用动态图像作为解决方法，虽然also has its problems.我很高兴作为一个后退，但似乎应该有一种方法来使这个CSS工作 – 它几乎在那里。
解决方法
‘transform’改变你声明它的整个元素的方向，而不是它里面的文本内容。它更像是IE的’matrix’属性比’写入模式’。
至关重要的是，转换元素不会改变其内容大小的计算方式(或其父级布局如何受该大小影响)。 CSS的垂直和水平尺寸的算法是不同的和困难的，以获得正确的;没有真正一致的方式，他们可以随意旋转内容。所以“transform”就像使用“position：relative”：它改变了内容呈现的位置，但不会影响布局大小。
因此，如果你想在表中包含一个，你需要明确设置单元格的“高度”，以适应预期的旋转“宽度”。如果你不知道提前使用JavaScript，你可能会使用JavaScript。
FWIW：对于我在Fx3.1b3的跨度也像其他人一样旋转。然而在Windows上，它只有水平的反锯齿(ClearType)渲染看起来不是很好…一个良好渲染的图像可能会出来更好。
