December 3rd, 2009

cat with many words

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

Очень часть появляется задача  отцентрировать что-то по вертикали: будь то блок или просто текст. Про первый вариант я уже писал, о втором ниже. Для однострочного текста решение тривиально – просто задаем line-height равным высоте блока и получаем нужный эффект. А теперь представим себе резиновую верстку, горизонтальное меню. Сжимаем окно броузера, в какой-то момент, один из пунктов начинает умещаться только в две строки, и все летит к чертям.

Collapse )
Оригинал: http://blog.dpetroff.ru/tech/vertical-align-2