Найти - Пользователи
Полная версия: CSS: vertical-align: middle; не робит?
Начало » Флейм » CSS: vertical-align: middle; не робит?
1
o7412369815963
хочу текст в центре по вертикали, пишу vertical-align: middle; в chrome 5.0 все равно не центрируеться
<div style="vertical-align: middle; height:50px; border: 1px solid #CCC;">hello</div>
Nik
У блоков нет вертикального выравнивания. Чтобы обойти это, высоту строки приравнивают к высоте блока:
<div style="line-height:50px; height:50px; border: 1px solid #CCC;">hello</div>
o7412369815963
Nik
У блоков нет вертикального выравнивания. Чтобы обойти это, высоту строки приравнивают к высоте блока:
<div style="line-height:50px; height:50px; border: 1px solid #CCC;">hello</div>
а как узнать какие элементы являются блоками, какие нет?
regall
o7412369815963
а как узнать какие элементы являются блоками, какие нет?
1. Блоками являются div, img и прочие контейнеры, линейными являются h1,…h6, p, span, …, то есть все, что семантически предназначено для хранения внутри себя текста.
2. Не все браузеры поддерживают vertical-align (по крайней мере одинаково себя не ведут).
2. Это форум Python программистов, а не CSS-верстальщиков =).
Lexander
regall
Блоками являются div, img и прочие контейнеры, линейными являются h1,…h6, p, span, …, то есть все, что семантически предназначено для хранения внутри себя текста.
Я бы добавил слово “по-умолчанию”.
o7412369815963
а как узнать какие элементы являются блоками, какие нет?
В Хроме, например, открываешь Средства разработчика и смотришь в группе Computed style для нужного тебе элемента свойство display. Может быть block, inline-block, inline.
o7412369815963
Спасибо
This is a "lo-fi" version of our main content. To view the full version with more information, formatting and images, please click here.
Powered by DjangoBB