对角列标题

时间:2011-04-16 03:55:24

标签: javascript css rotation html-table

我在html表格中有长文本的列标题,我想以45度角显示标题(类似于在Excel中可以完成的标题)。

使用CSS或JavaScript是否有标准的跨浏览器方式?

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

任何指针都将受到赞赏!

2 个答案:

答案 0 :(得分:1)

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

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

答案 1 :(得分:0)

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