对角线列标题

发布于 2024-11-01 07:57:55 字数 219 浏览 0 评论 0原文

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

是否有一种标准的跨浏览器方法可以使用 CSS 或 JavaScript 来执行此操作?

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

任何指示将不胜感激!

I have column headers with long text in a html table, and I'd like to display the headers at a 45 degree angle (similar to what can be done in Excel).

Is there a standard, cross-browser way to do this with CSS or JavaScript?

I started playing with css3please.com, but the rotation doesn't seem to work, at least in IE 7. Also, another issue is that CSS rotates around the center of the element, while I need to rotate around the left side.

Any pointers will be appreciated!

如果你对这篇内容有疑问,欢迎到本站社区发帖提问 参与讨论,获取更多帮助,或者扫码二维码加入 Web 技术交流群。

扫码二维码加入Web技术交流群

发布评论

需要 登录 才能够评论, 你可以免费 注册 一个本站的账号。

评论(2

許願樹丅啲祈禱 2024-11-08 07:57:55

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

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

Demo: http://jsfiddle.net/wdm954/Z2HHu/1/

-moz-transform:rotate(-45deg);
-webkit-transform:rotate(-45deg);
transform: rotate(-45deg);
寻找我们的幸福 2024-11-08 07:57:55

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

One way would be to draw the text on a bitmap or gif and display that. The main benefit is that it would work in all browsers.

~没有更多了~
我们使用 Cookies 和其他技术来定制您的体验包括您的登录状态等。通过阅读我们的 隐私政策 了解更多相关信息。 单击 接受 或继续使用网站,即表示您同意使用 Cookies 和您的相关数据。
原文