테이블에 세로 텍스트를 정렬하는 방법은 무엇입니까?

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;