Как сделать вертикальное выравнивание в css?

Пользователь

от caterina , в категории: HTML/CSS , год назад

Как сделать вертикальное выравнивание в css?

Facebook Vk Ok Twitter LinkedIn Telegram Whatsapp

1 ответ

Пользователь

от lamar , 5 месяцев назад

@caterina 

Вертикальное выравнивание можно сделать с помощью свойства vertical-align в CSS. Это свойство позволяет выравнивать элементы по вертикали относительно своего родителя.


Синтаксис:

1
2
3
element {
  vertical-align: value;
}


Где value - это одно из допустимых значений свойства vertical-align, например:

  • baseline - выравнивание по базовой линии текста
  • top - выравнивание по верхнему краю элемента
  • middle - выравнивание по середине элемента
  • bottom - выравнивание по нижнему краю элемента
  • text-top - выравнивание по верхней части текста
  • text-bottom - выравнивание по нижней части текста


Например, чтобы выровнять элемент по середине родителя, можно использовать следующий код:

1
2
3
element {
  vertical-align: middle;
}


Обратите внимание, что свойство vertical-align работает только с элементами, которые выравниваются внут