DrunkMaster
@DrunkMaster

Как сделать блок всегда по центру по высоте?

Как выровнять блок по центру https://jsfiddle.net/eqe57mk4/1/ не только по ширине, но ещ и по высоте при любом разрешении экрана, при том, что заранее высота самого блока неизвестна:
HTML
<div id="center">
    текст блока<br>
    текст блока<br>
    текст блока<br>
    текст блока
</div>


CSS
#center {
  margin: auto;
  border: 1px solid black;
	width: 20%;
}


Это возможно сделать только на CSS или нужно JS воспользоваться? Какой тогда JS должен быть? Может ссылка на урок есть хороший на эту тему у кого-то?
  • Вопрос задан
  • 243 просмотра
Решения вопроса 2
qork
@qork
{ background: #F00B42 }
#center {
  border: 1px solid black;
	width: 20%; /* Ширина блока */

  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%,-50%);
}
Ответ написан
Пригласить эксперта
Ваш ответ на вопрос

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

Войти через центр авторизации
Похожие вопросы
22 янв. 2021, в 03:22
3000 руб./за проект
22 янв. 2021, в 02:27
15000 руб./за проект
22 янв. 2021, в 02:25
15000 руб./за проект