vertical-align

Пример

Вертикальное выравнивание изображения:

<html>
<head>
<meta charset="utf-8" />
<style>
    img.top { vertical-align:text-top; }
    img.bottom { vertical-align:text-bottom; }
</style>
</head>
<body>
<p>Изображение <img src="/images/xhtml-css.png" alt="Xhtml.co.il" width="130" height="102" /> с обычным выравниванием.</p> 
<p>Изображение <img class="top" src="/images/xhtml-css.png" alt="Xhtml.co.il" width="130" height="102" /> с выравниванием текста вверх.</p> 
<p>Изображение <img class="bottom" src="/images/xhtml-css.png" alt="Xhtml.co.il" width="130" height="102" /> с выравниванием текста вниз.</p>
</body>
</html>

Результат выполнения кода выше:

Попробуйте сами

Определение и использование

Свойство vertical-align определяет вертикальное выравнивание элемента.

Значение по умолчанию:	baseline
Унаследованный:	нет
Версия:	CSS1
Синтакс JavaScript:	`object.style.verticalAlign="bottom"`

Поддержка браузеров

Свойство vertical-align поддерживается во всех ведущих браузерах.

Примечание: Значение "inherit" не поддерживается в IE7 и более ранних версиях. IE8 требует !DOCTYPE. IE9 поддерживает "inherit".

Значения свойства

Значение	Описание	Играйте
длина	Поднимает или опускает элемент указанием длины. Отрицательные значения разрешены	Играйте »
%	Поднимает или опускает элемент в процентах от свойства "line-height". Отрицательные значения разрешены	Играйте »
baseline	Выравнивает базовую линию элемента с базовой линией родительского элемента. Это по умолчанию	Играйте »
sub	Выравнивает элемент в нижний регистр	Играйте »
super	Выравнивает элемент в верхний регистр	Играйте »
top	Верхняя часть элемента выравнивается с верхней частью самого высокого элемента в строке	Играйте »
text-top	Верхняя часть элемента выравнивается с верхней частью шрифта родительского элемента	Играйте »
middle	Элемент располагается в середине родительского элемента	Играйте »
bottom	Нижняя часть элемента выравнивается с самым низким элементом в строке	Играйте »
text-bottom	Нижняя часть элемента выравнивается с нижней частью шрифта родительского элемента	Играйте »
inherit	Указывает, что значение свойства vertical-align должно быть унаследовано от родительского элемента

Связанные страницы

CSS пособие: CSS Текст

jQuery пособие: css()

Была ли эта информация полезной?

Да Нет