@urajo

Как отцентровать иконку position absolut?

Есть блок, он position relative . По высоте он может быть любого размера.
У него через псевдокласс прописана иконка.
::before{
	position: absolute;
	content: url('assets/img/31.svg');
	display: block;
	width: 40px;
	height: 40px;
	left: -45px;
}

Вопрос как отцентровать по высоте относительно основного блока
  • Вопрос задан
  • 27 просмотров
Решения вопроса 1
alex_shevch
@alex_shevch
Frontend Developer
Можно так:
::before{
  position: absolute;
  content: url('assets/img/31.svg');
  display: block;
  width: 40px;
  height: 40px;
  left: -45px;
  top: 0;
  bottom: 0;
  margin: auto 0;
}


А можно так, это сработает, даже если не указаны размеры центрируемого елемента:
::before{
  position: absolute;
  content: url('assets/img/31.svg');
  display: block;
  width: 40px;
  height: 40px;
  left: -45px;
  top: 50%;
  transform: translateY(-50%);
}
Ответ написан
Пригласить эксперта
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Войти через центр авторизации
Похожие вопросы