#javascript #css #rotation #html-table
#javascript #css #поворот #html-таблица
Вопрос:
У меня есть заголовки столбцов с длинным текстом в html-таблице, и я хотел бы отобразить заголовки под углом 45 градусов (аналогично тому, что можно сделать в Excel).
Существует ли стандартный кроссбраузерный способ сделать это с помощью CSS или JavaScript?
Я начал играть с css3please.com но поворот, похоже, не работает, по крайней мере, в IE 7. Кроме того, другая проблема заключается в том, что CSS вращается вокруг центра элемента, в то время как мне нужно вращаться вокруг левой стороны.
Любые указания будут оценены!
Комментарии:
1. Я не нашел удовлетворительного решения. На данный момент мой выбор — повернуть на 90 градусов.
Ответ №1:
Демонстрация:http://jsfiddle.net/wdm954/Z2HHu/1 /
-moz-transform:rotate(-45deg);
-webkit-transform:rotate(-45deg);
transform: rotate(-45deg);
Комментарии:
1. Спасибо за демонстрацию. Та же проблема, что и с css3please, я не вижу поворота в IE 7.
2. Я не думаю, что есть элегантное решение для IE7. Вероятно, потребуется несколько взломов.
Ответ №2:
Одним из способов было бы нарисовать текст на растровом изображении или GIF и отобразить его. Главное преимущество заключается в том, что это будет работать во всех браузерах.