Главная->CSS->vertical-align

vertical-align

14 Нояб 2019г. в 18:23

Свойство vertical-align задает вертикальное выравнивание элемента. Применяется к встроенным элементам или ячейкам таблицы, а также к элементам с display:table

Пример

img
{
vertical-align:text-top;
}

Аргументы

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