Как выровнять повернутый текст в таблице? - PullRequest
3 голосов
/ 13 мая 2011

Я узнал, как повернуть текст (благодаря SO) на 90 °, проблема в том, что текст отображается вертикально, но (я полагаю) поле рассчитывается по горизонтали (как до вращения) .

У меня есть ячейка таблицы, которая содержит такой повернутый текст, и я хотел бы выровнять текст сверху ячейки. В результате я получаю что-то вроде этого:

Текст перед вращением:

rotated90

Текст после поворота (прошу прощения за мой скриншот в ASCII):

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

ВОПРОС : как выровнять текст по вертикали, т.е. как сделать так, чтобы браузер видел окно как после (не до) поворота?

1 Ответ

1 голос
/ 13 мая 2011

Не похоже, что это возможно без указания высоты ячейки, в которой находится повернутый текст.

Webkit / Mozilla выполняет вращение на экране элемента, но не его блочной модели.

Свойство CSS3 writing-mode правильно работает в IE, вращая блочную модель. Это свойство должно поддерживаться большинством браузеров, но в статье, которую я прочитал, сказано, что в то время оно поддерживалось только IE.

...