旋转文本的浮动div对齐

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

http://jsfiddle.net/VNk2u/

我在正确对齐它方面遇到了问题。转换是在应用其他属性之后发生的吗(所以我应该交换高度和宽度?还有边距吗?)我无法将其正确对齐。有人可以看一下jsfiddle链接,告诉我我做错了什么吗?

(我使用Chrome查看它)

1个回答

1

在CSS3旋转方面,不同浏览器之间存在许多不一致性,而旋转所导致的盒模型问题也很严重。

我认为,考虑到您要显示的数据类型,使用表格是完全可以接受的,而且我相信它可以完全解决您的问题。

将标题列放入以下类似标记的标记中会更有效地解决问题,这是我的个人意见。

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


这在Chromium中无法正确旋转。这里是一些更改http://jsfiddle.net/VirusZ/b3Dvw/ - Cristian Necula
在Chrome中对我也没有旋转。 - ajma

网页内容由stack overflow 提供, 点击上面的
可以查看英文原文,
原文链接