将浮动div与旋转文本对齐

时间:2011-04-04 23:24:37

标签: html css css3 transform rotation

使用css3转换,我正在尝试使用浮动div创建表结构,并且标题文本旋转90度。

http://jsfiddle.net/VNk2u/

我无法正确排列它。转换是在应用其他属性后发生的(所以我应该切换高度和宽度?和边距?) 我坚持让它正确对齐。有人可以看看jsfiddle链接,让我知道我做的不对吗?

(我正在使用Chrome查看)

1 个答案:

答案 0 :(得分:1)

关于CSS3旋转的浏览器之间似乎存在许多不一致,以及旋转导致的框建模问题。

我认为根据您正在显示的数据类型,使用表格是完全可以接受的,我也相信它可以完全解决您的问题。

将标题列放在与以下类似的标记中可以更有效地使用IMO。

http://jsfiddle.net/VNk2u/8/