English | 简体中文 | 繁體中文 | Русский язык | Français | Español | Português | Deutsch | 日本語 | 한국어 | Italiano | بالعربية
CSS-пroperty vertical-align управленияInline уровняРамка элемента (обычно текст и изображения) создается относительноБлочныйВертикальное выравнивание текста в рамке или ячейки таблицы в строке
В таблице приведено описание использования и историю версий этого свойства, а также синтаксис использования свойства в скриптах JavaScript.
| Значение по умолчанию: | baseline |
|---|---|
| Подходит для: | Inline уровень и элементы таблицы |
| Инheritance: | Нет |
| Анимации доступны: | Да.Узнайте больше Атрибут анимации. |
| Версия: | CSS 1, 2, 3 |
| Синтаксис JavaScript: | object.style.verticalAlign="middle" |
Грамматика этого свойства выглядит следующим образом:
vertical-align: baseline | sub | super | top | text-top | middle | bottom | text-bottom | length | percentage | initial | inherit
Ниже приведены примеры того, как использовать свойство vertical-align.
img {
vertical-align: middle;
}
span {
vertical-align: super;
}Проверьте, посмотрите <</>В таблице ниже описаны значения этого свойства.
| Значение | Описание |
|---|---|
| baseline | Синхронизировать базовую линию рамки элемента с базовой линией родительского элемента. |
| sub | Опустить базовую линию рамки до подходящего места для подстрочки родительского элемента. |
| super | Поднять базовую линию рамки до подходящего места для индекса родительского элемента. |
| top | Синхронизировать верхнюю часть элемента и его потомков с верхней частью рамки. |
| text-top | Синхронизировать верхнюю часть элемента с верхней частью шрифта родительского элемента. |
| middle | Синхронизировать середину элемента с базовой линией родительского элемента, которая выше базовой линии родительского элемента.x-heightПо центру точки. |
| bottom | Синхронизировать нижнюю часть элемента и его потомков с нижней частью рамки. |
| text-bottom | Синхронизировать нижнюю часть элемента с нижней частью шрифта родительского элемента. |
| length | Единицы измерения: px, pt, cm, em и т.д. Длина значения увеличивается (положительное значение) или уменьшается (отрицательное значение) до этой的距离 от базовой линии родительского элемента. Значение 0px соответствует базовой линии. |
| percentage | Поднять (положительное значение) или опустить (отрицательное значение) рамку на это расстояние (line-heightПроцентные значения). Значение 0% соответствует базовой линии. |
| initial | Установить это свойство в его значение по умолчанию. |
| inherit | Если указано, то связанный элемент принимает значение свойства vertical-align родительского элемента. |
Совместимость браузеров для свойства vertical-align, числа в таблице показывают минимальную версию браузера, поддерживающего это свойство; все основные браузеры поддерживают это свойство.
|
Узнайте больше из следующих инструкций:CSS А linhация.
Связанные свойства:line-height.