如何在html表格上制作对角线标题

Question

我正在尝试创建一个带有列标题的HTML表,但每个列标题都有一个冗长的标题.我想以对角线为每列制作标题.我想知道是否有css(或java,jquery,ect.)来实现这种效果,可以在所有浏览器(firefox,IE7和8,等等)上运行,以及如何实现它.

这是我想要创建的一个视觉示例.与对角标题头的表

我在stackexchange上找到了这个,我无法弄清楚如何充分利用它,或者确定它是否适用于我想要做的事情.

https://tex.stackexchange.com/questions/14288/how-combine-make-diagonal-column-heads-in-table-with-multicolumn-headers

Answer 1

将您想要对角线排列的文本包裹在另一个元素中，例如 a <div>，然后在该元素上执行 CSS transform；请参阅MDN。