对角列标题

Question

我的 html 表格中有带有长文本的列标题，我想以 45 度角显示标题（类似于在 Excel 中可以做到的）。

是否有一种标准的跨浏览器方法可以使用 CSS 或 JavaScript 做到这一点？

我开始玩 css3please.com，但旋转似乎不起作用，至少在 IE 7 中。另外，另一个问题是 CSS 围绕元素的中心旋转，而我需要围绕左侧旋转一边。

任何指针将不胜感激！

Answer 1

演示：http://jsfiddle.net/wdm954/Z2HHu/1/

-moz-transform:rotate(-45deg);
-webkit-transform:rotate(-45deg);
transform: rotate(-45deg);

Answer 2

一种方法是在位图或 gif 上绘制文本并显示。主要好处是它适用于所有浏览器。