Блог

css Абсолютная центровка элемента
16 марта 2024 г.

Абсолютная центровка элемента

css

Для позиционирования элемента с absolute добавляем translate(-50%, -50%).

.element {
  width: 100px;
  height: 100px;
  background: gray;
  position: absolute;

  // Выравниваем по середине
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

Демонстрация