@humanIvan

Как центрировать блок по центру экрана если нет установленной высоты?

Подскажите пожалуйста. Мне нужно что бы блок в браузере всегда появлялся по центру экрана. Горизонтально и вертикально. Как это правильно сделать, если высота неизвестна?
  • Вопрос задан
  • 84 просмотра
Решения вопроса 1
M4mkin_pr0ger
@M4mkin_pr0ger
Представитель программистских меньшинств
Можно через flex-box:
поместить этот блок в еще один блок, который растянут во весь экран

#родитель{
position:fixed; left:0; top:0;
width:100vw; height:100vh;
display:flex;
justify-content:center;
align-items:center;
}
Ответ написан
Пригласить эксперта
Ответы на вопрос 1
@nvdfxx
Senior Pomidor developer
position: fixed;
top: 50%;
left: 50%;
transform: translate(-50%, -50%)
Ответ написан
Ваш ответ на вопрос

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

Войти через центр авторизации
Похожие вопросы
Sveak Барнаул
от 50 000 руб.
HTML Academy Санкт-Петербург
от 130 000 до 160 000 руб.
Smart Медицина Москва
от 120 000 руб.
26 марта 2019, в 00:54
40000 руб./за проект
26 марта 2019, в 00:31
20000 руб./за проект
26 марта 2019, в 00:11
30000 руб./за проект