Форум программистов [Powered by Invision Power Board]

Версия для печати темы
Нажмите сюда для просмотра этой темы в оригинальном формате

Форум программистов > Вёрстка веб-сайтов > Как он выводит вертикальный текст?

Автор: GQU 17.6.2011, 16:59

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

Код


<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>

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

Автор: ayax2005 20.6.2011, 08:17

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