Задать вопрос
@keche
javascript

Как центрировать блок по вертикали и горизонтали?

Как центрировать блок по горизонтали и вертикали, с шириной контейнера 100% и высотой в 100%.
На подобии как в модальном окне.
Сам этот блок, не должен иметь фиксированную высоту или ширину, а чтобы при добавлении текста или других блоков в него, он расширялся.
  • Вопрос задан
  • 351 просмотр
1 комментарий
Подписаться 1 Простой 1 комментарий
Решения вопроса 1
@rinatoptimus
Попробуйте:
.test {
  min-width: 100px;
  min-height: 100px;
  border: 1px solid red;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
Ответ написан
2 комментария
2 комментария
Пригласить эксперта
Ответы на вопрос 4
webinar
@webinar
Учим yii: https://youtu.be/-WRMlGHLgRg
Есть же поиск, а в нем "Нашлось 72 млн результатов", вот первый попавшейся: https://ruseller.com/lessons.php?id=1248
Ответ написан
2 комментария
2 комментария
mrusklon
@mrusklon
Не получается? Яростно гугли!
howtocenterincss.com
Ответ написан
2 комментария
2 комментария
infern01it
@infern01it
учусь быть крутым front-end разработчиком :)
можно с помощью флексов https://codepen.io/infernotiv/pen/KXPpwX
а можно с помощью абсолютного позиционирования и трансформаций https://codepen.io/infernotiv/pen/MEgwaV
Ответ написан
Комментировать
Комментировать
Casufi
@Casufi
https://jsfiddle.net/ghccgc8q/1/

the-echoplex.net/flexyboxes
Ответ написан
Комментировать
Комментировать
Ваш ответ на вопрос

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

Войти через центр авторизации
Похожие вопросы
Вакансии с Хабр Карьеры
JavaScript разработчик
SummerWeb • Ярославль
от 100 000 до 140 000 ₽
JavaScript разработчик
вАйТи
от 5 000 до 25 000 ₽
JavaScript Fullstack
OnClass
от 200 000 до 600 000 ₽
Ещё вакансии
Заказы с Хабр Фриланса
Разработка дизайна для мобильного приложения
25 апр. 2024, в 18:47
2795100 руб./за проект
Ищем программиста для поддержки сайта на PHP Laravel/Symfony
25 апр. 2024, в 18:36
10000 руб./за проект
Доработка мобильного приложения React Native iOS/Android
25 апр. 2024, в 18:32
50000 руб./за проект
Ещё заказы