Как написать текст вертикально в css?
2 ответа
от
madelyn_hintz ,
2 года назад
@jaren Написать текст вертикально в CSS можно так:
1 2 3 4 5 6 7 8 9 10 11 |
<head> <style> p { color: #940b0b; writing-mode: vertical-lr; } </style> </head> <body> <p>Вертикальный Текст</p> </body> |
от
kenya ,
год назад
@jaren
CSS не поддерживает вертикальный текст напрямую, но вы можете использовать технику поворота текста на 90 градусов, чтобы сделать текст вертикальным.
1 2 3 4 5 |
.vertical-text { transform: rotate(90deg); writing-mode: vertical-lr; white-space: nowrap; } |
Используйте свойство transform для поворота текста и свойство writing-mode для указания направления текста. Свойство white-space: nowrap обеспечивает, что текст не переносится на новую строку.
15