Задать вопрос
Tispartaaaa
@Tispartaaaa
Начинающий фронтендер :)

Как сделать вертикальный текст в заголовке таблицы?

Привет! Подскажите, если кто уже делал такое.

Нужно в этой табличке заголовки "Vertical text" повернуть так, что бы текст был написан снизу вверх.
Вообщем нужно вот так:
5acb7a599eb5f792769373.png
transform: rotate(-90deg) конечно повернёт текст, но блок тогда поворачивается так сказать в тупую, его размеры не перерасчитываются.
Если использовать просто rotate, то получается типа такого:
5acb7aec56737573307627.png
Как видите, блоки с заголовками остались очень широкими, и заголовки вообще вылазят за границы таблицы. Выходит они вырваны из потока.

Как сделать нормально?
Спасибо!
  • Вопрос задан
  • 2031 просмотр
Подписаться 2 Средний Комментировать
Помогут разобраться в теме Все курсы
  • Нетология
    Веб-разработчик с нуля: профессия с выбором специализации
    14 месяцев
    Далее
  • Академия Эдюсон
    Frontend-разработчик: тариф PRO
    10 месяцев
    Далее
  • ProductStar × РБК
    Профессия: Инженер по тестированию + ИИ
    6 месяцев
    Далее
Пригласить эксперта
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Похожие вопросы