Доверьте продвижение нам

Lion Digital Agency

интернет-маркетинг

теги:

Категории

Рубрики

Услуги веб дизайна под ключ.

от 29500 

Написание постов, ведение соц сетей Ваших компаний. Формирование имиджа и контента.

от 22900 

Продвижение на авито под ключ. Получите клиентов в первую неделю. Создадим до 50тыс похожих объявлений!

от 29500 

Как выровнять по центру вертикально CSS

Есть несколько способов выровнять по центру вертикально элементы с помощью CSS:

  1. Использование свойства display: flex; для контейнера и свойства align-items: center; для выравнивания элементов по центру по вертикали:
.container {
  display: flex;
  align-items: center;
}
  1. Использование свойства position: absolute; для элемента и комбинации свойств top: 50%; transform: translateY(-50%); для выравнивания элемента по центру по вертикали:
.element {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
}
  1. Использование свойства display: table-cell; для контейнера и свойства vertical-align: middle; для выравнивания элементов по центру по вертикали:
.container {
  display: table-cell;
  vertical-align: middle;
}
Поделиться:

Комментарии

Добавить комментарий

Ваш адрес email не будет опубликован. Обязательные поля помечены *

Задать вопрос

Оставляя заявку, вы соглашаетесь с политикой обработки персональных данных.

Меню

Оставить заявку

Оставляя заявку, вы соглашаетесь с политикой обработки персональных данных.