| |
|
|
| | Всем привет. Сижу ломаю голову над проблеммкой.
<div style="height: 50px; background-color: #CCCCCC;">Text</div>
|
Нужно выровнять текст по центру. Если поставить скажем padding-top:
<div style="height: 50px; background-color: #CCCCCC; padding-top: 15px;">Text</div>
|
То меняется высота всего DIV'а. Почему она меняется и как можно выровнять текст?
Спасибо! | |
| |
|
|
| |
|
|
| |
для: Евгений Петров
(22.05.2007 в 23:03)
| | | padding - набивка, она как-раз и работает внутрь элемента, и по увеличению размера вашего DIV-а (по бэкгроунду) вы это видите... Задавая высоту вы как бы создаете рабочую область вашего DIV-а, а padding-ом вы делаете отступ этой рабочей области от верхней границы DIV-а.
Один из вариантов:
<div style="height: 50px; background-color: #ccc;"><p style="padding-top: 15px;">Text</p></div>
|
Вариант из разряда "лучше так не делать" :-)
<div style="background-color: #ccc;"><img src="#" alt="" style="height: 50px; vertical-align: middle; width: 0; border: 0;" />Text</div>
|
| |
| |
|
|
| |
|
|
| |
для: ilyaILF
(23.05.2007 в 00:03)
| | | Спасибо!) | |
| |
|
|
| |
|
|
| |
для: Евгений Петров
(23.05.2007 в 00:52)
| | | Можно было line-height поставить. | |
| |
|
|
| |
|
|
| |
для: Евгений Петров
(22.05.2007 в 23:03)
| | | проблема довольно расспространенная, вот хорошее исследование на эту тему:
http://www.student.oulu.fi/~laurirai/www/css/middle/
(англ.) | |
| |
|
|
