Вертикальное направление текста - PullRequest
Новая
       43

Вертикальное направление текста

87 голосов
/ 24 ноября 2010

Я пытался текст, чтобы идти в вертикальном направлении, как мы можем сделать в таблицах ms-word, но до сих пор я был в состоянии сделать только ЭТО ... что меня не устраивает, потому чтоэто коробка повернута ... Разве нет способа получить фактический текст в вертикальном направлении?

Я установил поворот на 305 градусов в демо, что не делает текст вертикальным.270deg будет, но я только сделал демонстрацию, чтобы показать вращение.

Ответы [ 23 ]

0 голосов
/ 26 февраля 2019

Вы можете добиться того же с помощью следующих свойств CSS: 

writing-mode: vertical-rl;
text-orientation: upright;
0 голосов
/ 09 апреля 2019

Вы можете попробовать вот так 

-webkit-transform: rotate(270deg);   
-moz-transform: rotate(270deg);
-ms-transform: rotate(270deg);
-o-transform: rotate(270deg);
transform: rotate(270deg);
0 голосов
/ 28 июля 2015 

<style>
    #text_orientation{
        writing-mode:tb-rl;
        transform: rotate(90deg);
        white-space:nowrap;
        display:block;
        bottom:0;
        width:20px;
        height:20px;
    }
</style>
</head>
<body>

<p id="text_orientation">Welcome</p>
</body>

Страница:
...