html - 如何对齐表格中的垂直文本？

Question

我正在尝试呈现一个表格，该表格在其顶部的标题中包含垂直文本。由于 Gecko 尚不支持 writing-mode:vertical-rl，因此我尝试使用 transform:rotate(90deg) 来实现。我有一些方法可以做到这一点:

http://jsfiddle.net/4r3qeway/

但是，文本在表格标题单元格中垂直居中，而我希望文本在底部垂直对齐。有什么办法可以做到这一点？请注意，我无法对单元格的高度进行硬编码，因为标题单元格文本会发生变化。

Answer 1

table td {
    background-color: yellow;
    vertical-align:text-bottom;

}

刚刚添加了vertical-align:text-bottom;