将浮动 div 与旋转文本对齐
使用 css3 转换，我尝试使用浮动 div 创建一个表格结构，并且标题文本旋转 90 度。
我无法正确排列它。转换是否在应用其他属性后发生（那么我应该切换高度和宽度吗？以及边距？） 我很难让它正确对齐。有人可以查看 jsfiddle 链接并让我知道我做错了什么吗？
（我使用的是Chrome浏览器）
Using css3 transform, I'm trying to create a table structure using floating divs and the header text is rotated 90 degrees.
I'm having trouble lining it up properly. Does the transform happen after it applies the other attributes (so should I switch height and width around? and margins?)
I'm stuck getting it to align properly. Can someone please look at the jsfiddle link and let me know what I'm not doing right?
(I'm using Chrome to view it)
如果你对这篇内容有疑问，欢迎到本站社区发帖提问 参与讨论，获取更多帮助，或者扫码二维码加入 Web 技术交流群。
绑定邮箱获取回复消息
由于您还没有绑定你的真实邮箱，如果其他用户或者作者回复了您的评论，将不能在第一时间通知您！
发布评论
评论（1）
浏览器之间在 CSS3 旋转方面似乎存在许多不一致，以及旋转导致的框建模问题。
我认为考虑到您所显示的数据类型，使用表格是完全可以接受的，而且我也相信它会完全解决您的问题。
在我看来，将标题列放入类似于以下内容的标记中会更有效。
http://jsfiddle.net/VNk2u/8/
There seem to be many inconsistencies between browsers with regards to CSS3 rotation, as well as issues with the box modelling resulting from the rotation.
I think using a table for this is perfectly acceptable given the type of data you are displaying, and I also believe it would entirely solve your problem.
Putting your header columns in markup similar to the following would work more effectively IMO.
http://jsfiddle.net/VNk2u/8/