【问题标题】:Aligning floating divs with rotated text将浮动 div 与旋转文本对齐
【发布时间】:2011-04-04 23:24:36
【问题描述】:

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

http://jsfiddle.net/VNk2u/

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

(我用Chrome查看)

【问题讨论】:

    标签: html css transform rotation


    【解决方案1】:

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

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

    将标题列放在类似于以下的标记中会更有效地 IMO。

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

    【讨论】:

    • 旋转不正确(至少在 Chromium 中)。这里有一些变化jsfiddle.net/VirusZ/b3Dvw
    • 它在 Chrome 中也不适合我。
    猜你喜欢
    • 1970-01-01
    • 1970-01-01
    • 2012-02-18
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 2012-10-22
    相关资源
    最近更新 更多