VPF::Вертикальное позиционирование текста

Michael.de

Дата 13.3.2009, 22:17 (ссылка)

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

Загрузка ...

Опытный

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

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

Всем привет smile

Простой пример:

Код

<html>
<body>
<div style='width:200px;height:100px;border:1px solid #00F;text-align:center'>Bla bla</div>
</body>
</html>

Текст в <div> выравнивается горизонтально по середине с помощью text-align:center Сам <div> можно отцентрировать с помощью margin:auto Вертикальное же выравнивание с помощью vertical-align:middle предусмотрено (как я понял) только для объектов (тэгов).
Нашёл тему 2005 года - там предлагают использовать ещё один <div>. Либо у меня руки кривые, а может из-за пятницы 13го, но что-то не получается у меня расположить его вертикально по центру smile

Мог-бы кто-нибудь работающий пример привести?
Заранее спасибо smile

Soah

Дата 13.3.2009, 23:08 (ссылка)

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

Загрузка ...

Опытный

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

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

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

Michael.de

Дата 13.3.2009, 23:49 (ссылка)

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

Загрузка ...

Опытный

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

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

Soah: да, line-height: сколько_то_там px подходит.
Спасибо smile

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