회전 된 텍스트를 테이블에서 정렬하는 방법은 무엇입니까?

Question

저는 텍스트를 (90 도와 같이) 회전시키는 방법을 알아 냈습니다. 문제는 텍스트가 수직으로 렌더링된다는 것입니다. 그러나 상자가 수평으로 계산됩니다 (회전 전).

나는 회전 된 텍스트가 포함 된 표 셀을 가지고 있으며 셀 위쪽에 텍스트를 정렬하려고합니다. (내 ASCII 스크린 샷을 용서하시기 바랍니다) 회전 후

rotated90 

텍스트 :

텍스트 회전 이전 : 결과적으로 나는 이런 식으로 뭔가를 얻을

이

0 
9 
d 
e 
t 
a 
t 
o 
r 

회전 된 텍스트 셀의 상단에 정렬 :

0 
9 
d 
e 
----------- 
t 
a 
t 
o 
r 

텍스트의 일부가 실제로 셀 위 부분에 있으므로 좋지 않습니다.

원하는 효과 :

----------- 
0 
9 
d 
e 
t 
a 
t 
o 
r 

질문 : 텍스트를 세로로 정렬하는 방법, 즉 어떻게 브라우저 (안 전) rotattion 이후로 상자가 표시 만들기 위해?

Answer 1

이 회전 된 텍스트가

웹킷은/모질라 요소의 디스플레이에 회전을 수행한다. 인 셀의 높이를 지정하지 않고있다처럼은 보이지 않는,하지만 그 박스 모델.

CSS3 속성 writing-mode은 IE에서 제대로 작동하며 상자 모델을 회전합니다. 이 속성은 대부분의 브라우저에서 지원해야하지만, 내가 읽은 기사는 당시 IE에서만 지원되었다고 말했습니다.