Задать вопрос
@humanIvan
html

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

Подскажите пожалуйста. Мне нужно что бы блок в браузере всегда появлялся по центру экрана. Горизонтально и вертикально. Как это правильно сделать, если высота неизвестна?
  • Вопрос задан
  • 95 просмотров
Комментировать
Подписаться 1 Простой Комментировать
Решения вопроса 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 комментарий
1 комментарий
Пригласить эксперта
Ответы на вопрос 1
@nvdfxx
Senior Pomidor developer 
position: fixed;
top: 50%;
left: 50%;
transform: translate(-50%, -50%)
Ответ написан
Комментировать
Комментировать
Ваш ответ на вопрос

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

Войти через центр авторизации
Похожие вопросы
Вакансии с Хабр Карьеры
Тестировщик-стажёр
ITooLabs • Тула
от 35 000 до 40 000 ₽
Fullstack PHP Developer
Smapse Education
от 40 000 до 65 000 ₽
Trainee - IT Support
move2usajobs.com LLC • Лос-Анджелес
от 2 000 до 4 000 $
Ещё вакансии
Заказы с Хабр Фриланса
Спарсить TON PLACE: скрейпинг фото и текста с анкет по списку URL
25 апр. 2024, в 05:57
3000 руб./за проект
Правки в webApp готового и написанного телеграмм бота next, tailwind
25 апр. 2024, в 05:29
25000 руб./за проект
Фронтер - DevOps. Развернуть фронт на хостинге. Прокинуть в телегу-бот
25 апр. 2024, в 04:38
10000 руб./за проект
Ещё заказы