我使用下面的css旋转表格标题单元格内的文本，但标题单元格的宽度，就像文本是水平的。我如何旋转文本，宽度会自动减少..
table#MyTable tr th a{
color: #FFFFFF;
display: block;
/*Firefox*/
-moz-transform: rotate(-90deg);
/*Safari*/
-webkit-transform: rotate(-90deg);
/*Opera*/
-o-transform: rotate(-90deg);
/*IE*/
writing-mode: tb-rl;
filter: flipv fliph;
padding: 60px 1px;
}
解决方法
如果你需要调整单元格的宽度，它们只包含一行文本，你可以这样做：
http://jsfiddle.net/sSP8W/3/ – 将元素的宽度设置为它的行高。
CSS3变换的问题是它们像CSS’position：relative：它们的原始框保持不变，所以旋转，倾斜等不会导致元素的维度的变化。所以：真的没有完美的CSS解决方案，你可以使用JS来调整尺寸，或尝试找到黑客的解决方法。所以如果你只有一个表中的链接，你可以这样做：http://jsfiddle.net/sSP8W/4/ – 旋转表本身。
如果您的案例有其他内容不想轮播，请更新帖子，以便我们可以尝试找到更好的解决方案。
upd：刚刚找到了一个解决方案在表中旋转的文本：使用一些魔法与垂直paddings我们可以使细胞伸展到内容，所以看看这几乎最后的例子：http://dabblet.com/gist/4072362
