Все сервисы Хабра
Сообщество IT-специалистов
Ответы на любые вопросы об IT
Профессиональное развитие в IT
Закрыть
Задать вопрос
Hello World
@Hellows
JavaScript
HTML
CSS
Как сделать выравнивание формы по центру?
Привет всем. Подскажите, как сделать выравнивание формы авторизации по центру под разное расширение экрана. На компьютере по центру форма, а вот на ноуте - оказывается внизу. Хочется централизации на любом расширении
Вопрос задан
более трёх лет назад
9171 просмотр
2
комментария
Подписаться
1
Оценить
2
комментария
Facebook
Вконтакте
Twitter
Ilya Suhodolskiy
@suhodolskiy
Форма фиксированного размера?
Написано
более трёх лет назад
Hello World
@Hellows
Автор вопроса
Илья Суходольский
: да
Написано
более трёх лет назад
Решения вопроса
1
Андрей Федоров
@aliencash
Партизан
Если известен размеры формы авторизации, например width: 400px; height: 200px;
.form {
position: absolute;
top: 50%;
left: 50%;
margin: -100px 0 0 -200px; /* отступы равны половинным размера формы */
z-index: 9999; /* чтобы форма была поверх всех элементов страницы */
}
Ответ написан
более трёх лет назад
2
комментария
Нравится
3
2
комментария
Facebook
Вконтакте
Twitter
Hello World
@Hellows
Автор вопроса
Cпасибо, друг! Помог
Написано
более трёх лет назад
Андрей Федоров
@aliencash
На здоровье. )
Написано
более трёх лет назад
Пригласить эксперта
Ответы на вопрос
1
Shockoway
@Shockoway
vertical-allign: middle, не?
Ответ написан
более трёх лет назад
Комментировать
Нравится
Комментировать
Facebook
Вконтакте
Twitter
Ваш ответ на вопрос
Войдите, чтобы написать ответ
Войти через центр авторизации
Похожие вопросы
JavaScript
+1 ещё
Простой
Не отображается модель в three.js, что делать?
2 подписчика
вчера
1048 просмотров
0
ответов
JavaScript
+1 ещё
Средний
Почему кука обрезается на 330 символов?
1 подписчик
10 мая
170 просмотров
3
ответа
JavaScript
+1 ещё
Средний
Как обрабатывать события браузера на смартфоне/планшете?
1 подписчик
09 мая
96 просмотров
1
ответ
JavaScript
+1 ещё
Простой
Как сделать форму обратной связи на сайте с отправкой на Whatsapp?
1 подписчик
09 мая
1530 просмотров
2
ответа
JavaScript
+1 ещё
Простой
Как улучшить OCR-парсер билетов на основе Tesseract.js?
2 подписчика
08 мая
1909 просмотров
2
ответа
HTML
+1 ещё
Простой
Код не работает, как так?
3 подписчика
08 мая
1822 просмотра
2
ответа
JavaScript
Простой
Как передать значение из Select2 в другую функцию?
2 подписчика
08 мая
941 просмотр
1
ответ
HTML
+1 ещё
Простой
Почему страница не всегда скролит до нужного якоря?
1 подписчик
07 мая
146 просмотров
0
ответов
CSS
+1 ещё
Простой
Как сделать такую сетку?
1 подписчик
06 мая
382 просмотра
1
ответ
JavaScript
Простой
Как перебрать на совпадение все свойства объекта из LocalStorage и вывести в массив по три элемента?
1 подписчик
06 мая
133 просмотра
1
ответ
Показать ещё
Загружается…
Вакансии с Хабр Карьеры
Senior Frontend (JavaScript) разработчик
Vital Partners
от 350 000 до 400 000 ₽
Tech Lead/ Team Lead (JavaScript)
SteadyControl
•
Воронеж
До 200 000 ₽
Fullstack JavaScript разработчик
MakeDifference
от 30 000 до 80 000 ₽
Минуточку внимания
Войдите на сайт
Чтобы задать вопрос и получить на него квалифицированный ответ.
Войти через центр авторизации
Закрыть
Реклама