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

Lion Digital Agency

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

теги:

Категории

Рубрики

SEO-продвижение сайта в ТОП поисковых систем. Рост позиций в первый месяц. Закажите услугу в Lion Digital. Ваш надежный партнер в интернет-маркетинге.

от 25000 

Разработка сайтов под ключ. Работаем с такими системами, как Worpress, 1C-Bitrix, Tilda. Закажите разработку в Lion Digital и получите по настоящему продающий сайт.

от 32900 

Данный набор подходит всем, кто хочет уверенно продавать товары и услуги в интернете. Стоимость набора варьируется в зависимости от конкуренции рынка. Разработка сайта компании/каталог/магазин + Яндекс Директ / ВК реклама + СЕО продвижение.

от 119000 

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

Для центрирования по вертикали элемента в CSS можно использовать несколько способов:

  1. С помощью свойства display: flex и свойств align-items и justify-content:
.parent {
  display: flex;
  align-items: center; /* центрирование по вертикали */
  justify-content: center; /* центрирование по горизонтали */
}
  1. С помощью свойства position: absolute и свойств top, bottom, left, right:
.parent {
  position: relative;
}

.child {
  position: absolute;
  top: 50%; /* смещение на 50% от верхней границы родителя */
  transform: translateY(-50%); /* смещение на половину высоты элемента вверх */
}
  1. С помощью свойства position: absolute и свойств top и margin-top:
.parent {
  position: relative;
}

.child {
  position: absolute;
  top: 50%; /* смещение на 50% от верхней границы родителя */
  margin-top: -25px; /* смещение на половину высоты элемента вверх */
}
  1. С помощью свойства display: table и свойство display: table-cell:
.parent {
  display: table;
  height: 100%; /* высота родителя должна быть задана */
}

.child {
  display: table-cell;
  vertical-align: middle; /* центрирование по вертикали */
  text-align: center; /* центрирование по горизонтали */
}
Поделиться:

Комментарии

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

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

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

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

Меню

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

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