如何在表格中对齐垂直文本?

时间:2014-12-03 13:59:30

标签: html css dom

我正在尝试在顶部的标题中呈现包含垂直文本的表格。由于Gecko尚不支持writing-mode:vertical-rl,因此我尝试使用transform:rotate(90deg)执行此操作。我有办法做到这一点:

http://jsfiddle.net/4r3qeway/

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

1 个答案:

答案 0 :(得分:3)

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

}

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

enter image description here