VPF::Как он выводит вертикальный текст?

GQU

Дата 17.6.2011, 16:59 (ссылка)

(нет голосов)

Загрузка ...

Опытный

Профиль
Группа: Участник
Сообщений: 272
Регистрация: 13.2.2011

Репутация: нет
Всего: нет

В чем фишка этого примера
Как он выводит вертикальный текст?

Код


<title>Пример вертикального текста</title>
<style type="text/css">
div.v-t {width:1em; line-height:1em; font-size:19px; background-color:#ffffc9}
</style>
</head>
<body>
<div class="v-t">
П р и м е р
<p> </p>
т е к с т а
</div>
</body>

Добавлено @ 17:11
Если убрать width:1em, то не переносит
Можно подумать, что если строка выходита границу width:1em, то происходт перенос, если по этой логике идти, то почему здесь

Код


<title>Пример вертикального текста</title>
<style type="text/css">
div.v-t {width:1em; line-height:1em; font-size:19px; background-color:#ffffc9}
</style>
</head>
<body>
<div class="v-t">
Пример
</div>
</body>

не переносит?

Это сообщение отредактировал(а) GQU - 17.6.2011, 17:12

ayax2005

Дата 20.6.2011, 08:17 (ссылка)

(нет голосов)

Загрузка ...

echo $smile

Профиль
Группа: Участник
Сообщений: 516
Регистрация: 17.4.2008
Где: Питер

Репутация: 3
Всего: 11

потому что word-wrap не указан, пененосит СЛОВА, разделённые пробелом

--------------------

все вопросы - из-за неверной формулировки задачи

0 Пользователей читают эту тему (0 Гостей и 0 Скрытых Пользователей)
0 Пользователей:
« Предыдущая тема \| Вёрстка веб-сайтов \| Следующая тема »