相关疑难解决方法(0)

看起来应该可以使用以下内容:

.verticalText 
{           
    /* IE-only DX filter */
    writing-mode: tb-rl;
    filter: flipv fliph;

    /* Safari/Chrome function */
    -webkit-transform: rotate(270deg);

    /* works in latest FX builds */
    -moz-transform: rotate(270deg);
}

这适用于IE.

它在Safari,Chrome和FX中以奇怪的方式出错 - 在文本旋转之前计算单元格的大小!

这是一个演示:http://jsfiddle.net/HSKws/

我使用动态图像作为解决方法,虽然这也存在问题.我很高兴作为一个后备,但似乎应该有一种方法来使这个CSS工作 - 它几乎就在那里.

任何人都知道在应用变换后让单元格适合内容的方法吗？

我需要一些CSS大师帮助.

我正在尝试创建一个简单的html <table>,其中列标题(<th>标签)的文本旋转270度以显示侧向.

我无法锚定标题单元格,因此单元格文本的最左侧部分单独对齐所有<th>标记的底部或基线.

我已经做了很多次尝试,并且无法通过CSS解决它.

谁能给我一些关于如何实现这一目标的想法？

请访问http://jsfiddle.net/franco13/t5GgE/查看我的jsfiddle

这就是我想要实现的目标: