Нужно написать текст вертикально.

@vandy · Регистрация: 08.12.2010

Студворк — интернет-сервис помощи студентам

Привет всем.
у меня такая задача.
нужно написать текст вертикально.
Я знаю метод написания фразы вертикально, но оно выводиться с верху вниз,
т.е. каждая буква поворачивается на 90 градусов по часовой стрелке и выводиться друг под другом.
а мне нужно чтобы фраза выводилась с низу вверх, т.е каждая буква поворачивается на 90 градусов против часовой стрелки и выводилась над предыдущей буквой.

Может кто сталкивался или есть какие-то идеи, буду рад слышать любые предложения.

@Vizlim · 22.11.2011, 16:15

Сообщение от vandy

Привет всем.
у меня такая задача.
нужно написать текст вертикально.
Я знаю метод написания фразы вертикально, но оно выводиться с верху вниз,
т.е. каждая буква поворачивается на 90 градусов по часовой стрелке и выводиться друг под другом.
а мне нужно чтобы фраза выводилась с низу вверх, т.е каждая буква поворачивается на 90 градусов против часовой стрелки и выводилась над предыдущей буквой.
Может кто сталкивался или есть какие-то идеи, буду рад слышать любые предложения.

Вот вариант:
<script>
var s="Текст который надо отобразить вертикально";
var q=s.length;
var s1="" // Строка которая получиться

function A() {
for (i=q; i>0; i--) {
s1+=s.charAr(i);
}
//Выводим на дисплей

vvv.innerHTML=s1;
}
<script>
</head>
<body onload="A()
Вместо h1 ставиш тег и атрибуты для отображения вертикально, id надо оставить
<h1 id="vvv </h1>

@vandy · 23.11.2011, 11:00 **[ТС]**

я пробовал такой вариант.
в нем одно не так
буквы остаються повернуты на 90 градусов по часовой стрелке
а мне надо на 90 градусов против часовой

@vandy · 23.11.2011, 11:22 **[ТС]**

для поворота текста я использую
LAYOUT-FLOW: vertical-ideographic;
writing-mode: tb-rl;
но эта фигня оказывается не работает в Мозиле
кто знает как можно напечатать текст по вертикали в ИЕ и в Мозиле?

@Vizlim · 23.11.2011, 13:29

Сообщение от vandy

для поворота текста я использую
LAYOUT-FLOW: vertical-ideographic;
writing-mode: tb-rl;
но эта фигня оказывается не работает в Мозиле
кто знает как можно напечатать текст по вертикали в ИЕ и в Мозиле?

Вот модификация

function A() {
for (i=q; i>0; i--) {
s1+=s.charAr(i)+"
"; //или в место
воспользуйся <p>
}
//Выводим на дисплей

vvv.innerHTML=s1;
}
<script>
</head>
<body onload="A()
h2 заменять ненадо

@vandy · 23.11.2011, 13:48 **[ТС]**

к сожалению этот вариант не подходит
мне нужно чтобы буквы были повернуты на 90 градусов против часовой стрелки.

@Vizlim · 23.11.2011, 14:09

Сообщение от vandy

я пробовал такой вариант.
в нем одно не так
буквы остаються повернуты на 90 градусов по часовой стрелке
а мне надо на 90 градусов против часовой

Можешь воспользоваться фильтрами. Эта технология применяеться в DHTML.
Отражение вертикально:
<div style="font-size:30; color: blue; width=50; height=40; filter: flipv(); Текст</div>

@vandy · 23.11.2011, 19:14 **[ТС]**

в ИЕ все ок.
спасибо.

но фильтры не работают в Мозиле

чего делать?

@Vizlim · 23.11.2011, 20:33

Сообщение от vandy

в ИЕ все ок.
спасибо.
но фильтры не работают в Мозиле

чего делать?

Ну есть ещё один вариант, но он не програмный;(
Если тебе надо фиксированное слово, тоесть текс который не будет изменяться. Можешь нарисовать данный текст в Photoshop и вставить как рисунок

@plys77 · 30.11.2011, 19:00

Не программный способ говорите?
Это легко исправить - набрать алфавит картинками под разными углами и вертеть их программно. Изврат, согласен, но сколько ж можно ждать браузеры?!

Новые блоги и статьи Все статьи Все блоги /
Модель микоризы: классовый агентный подход anaschu 02.01.2026 Раньше это было два гриба и бактерия. Теперь три гриба, растение. И на уровне агентов добавится между грибами или бактериями взаимодействий. До того я пробовал подход через многомерные массивы,. . .	Учёным и волонтёрам проекта «Einstein@home» удалось обнаружить четыре гамма-лучевых пульсара в джете Млечного Пути Programma_Boinc 01.01.2026 Учёным и волонтёрам проекта «Einstein@home» удалось обнаружить четыре гамма-лучевых пульсара в джете Млечного Пути Сочетание глобально распределённой вычислительной мощности и инновационных. . .	Советы по крайней бережливости. Внимание, это ОЧЕНЬ длинный пост. Programma_Boinc 28.12.2025 Советы по крайней бережливости. Внимание, это ОЧЕНЬ длинный пост. Налог на собак: https:/ / ********/ gallery/ V06K53e Финансовый отчет в Excel: https:/ / ********/ gallery/ bKBkQFf Пост отсюда. . .	Кто-нибудь знает, где можно бесплатно получить настольный компьютер или ноутбук? США. Programma_Boinc 26.12.2025 Нашел на реддите интересную статью под названием Anyone know where to get a free Desktop or Laptop? Ниже её машинный перевод. После долгих разбирательств я наконец-то вернула себе. . .	Thinkpad X220 Tablet — это лучший бюджетный ноутбук для учёбы, точка. Programma_Boinc 23.12.2025 Рецензия / Мнение/ Перевод Нашел на реддите интересную статью под названием The Thinkpad X220 Tablet is the best budget school laptop period . Ниже её машинный перевод. Thinkpad X220 Tablet —. . .
PhpStorm 2025.3: WSL Terminal всегда стартует в ~ and_y87 14.12.2025 PhpStorm 2025. 3: WSL Terminal всегда стартует в ~ (home), игнорируя директорию проекта Симптом: После обновления до PhpStorm 2025. 3 встроенный терминал WSL открывается в домашней директории. . .	Как объединить две одинаковые БД Access с разными данными VikBal 11.12.2025 Помогите пожалуйста !! Как объединить 2 одинаковые БД Access с разными данными.	Новый ноутбук volvo 07.12.2025 Всем привет. По скидке в "черную пятницу" взял себе новый ноутбук Lenovo ThinkBook 16 G7 на Амазоне: Ryzen 5 7533HS 64 Gb DDR5 1Tb NVMe 16" Full HD Display Win11 Pro	Музыка, написанная Искусственным Интеллектом volvo 04.12.2025 Всем привет. Некоторое время назад меня заинтересовало, что уже умеет ИИ в плане написания музыки для песен, и, собственно, исполнения этих самых песен. Стихов у нас много, уже вышли 4 книги, еще 3. . .	От async/await к виртуальным потокам в Python IndentationError 23.11.2025 Армин Ронахер поставил под сомнение async/ await. Создатель Flask заявляет: цветные функции - провал, виртуальные потоки - решение. Не threading-динозавры, а новое поколение лёгких потоков. Откат?. . .

@vandy 0 / 0 / 0 Регистрация: 08.12.2010 Сообщений: 110

	Нужно написать текст вертикально. 22.11.2011, 12:08. Показов 2968. Ответов 9 Метки нет (Все метки) Привет всем. у меня такая задача. нужно написать текст вертикально. Я знаю метод написания фразы вертикально, но оно выводиться с верху вниз, т.е. каждая буква поворачивается на 90 градусов по часовой стрелке и выводиться друг под другом. а мне нужно чтобы фраза выводилась с низу вверх, т.е каждая буква поворачивается на 90 градусов против часовой стрелки и выводилась над предыдущей буквой. Может кто сталкивался или есть какие-то идеи, буду рад слышать любые предложения. 0

@vandy 0 / 0 / 0 Регистрация: 08.12.2010 Сообщений: 110
	23.11.2011, 11:00 [ТС]
	я пробовал такой вариант. в нем одно не так буквы остаються повернуты на 90 градусов по часовой стрелке а мне надо на 90 градусов против часовой 0

@vandy 0 / 0 / 0 Регистрация: 08.12.2010 Сообщений: 110
	23.11.2011, 11:22 [ТС]
	для поворота текста я использую LAYOUT-FLOW: vertical-ideographic; writing-mode: tb-rl; но эта фигня оказывается не работает в Мозиле кто знает как можно напечатать текст по вертикали в ИЕ и в Мозиле? 0

@vandy 0 / 0 / 0 Регистрация: 08.12.2010 Сообщений: 110
	23.11.2011, 13:48 [ТС]
	к сожалению этот вариант не подходит мне нужно чтобы буквы были повернуты на 90 градусов против часовой стрелки. 0

@vandy 0 / 0 / 0 Регистрация: 08.12.2010 Сообщений: 110
	23.11.2011, 19:14 [ТС]
	в ИЕ все ок. спасибо. но фильтры не работают в Мозиле чего делать? 0

@plys77 0 / 0 / 0 Регистрация: 19.10.2010 Сообщений: 63
	30.11.2011, 19:00
	Не программный способ говорите? Это легко исправить - набрать алфавит картинками под разными углами и вертеть их программно. Изврат, согласен, но сколько ж можно ждать браузеры?! 0