对角线列标题
我在 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 技术交流群。
绑定邮箱获取回复消息
由于您还没有绑定你的真实邮箱,如果其他用户或者作者回复了您的评论,将不能在第一时间通知您!
发布评论
评论(2)
演示:http://jsfiddle.net/wdm954/Z2HHu/1/
Demo: http://jsfiddle.net/wdm954/Z2HHu/1/
一种方法是在位图或 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.