Все сервисы Хабра
Сообщество IT-специалистов
Ответы на любые вопросы об IT
Профессиональное развитие в IT
Закрыть
Задать вопрос
Hello World
@Hellows
JavaScript
HTML
CSS
Как сделать выравнивание формы по центру?
Привет всем. Подскажите, как сделать выравнивание формы авторизации по центру под разное расширение экрана. На компьютере по центру форма, а вот на ноуте - оказывается внизу. Хочется централизации на любом расширении
Вопрос задан
более трёх лет назад
9167 просмотров
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
Ваш ответ на вопрос
Войдите, чтобы написать ответ
Войти через центр авторизации
Похожие вопросы
PHP
+1 ещё
Простой
Как получить id от button?
1 подписчик
56 минут назад
20 просмотров
0
ответов
JavaScript
+3 ещё
Простой
Где лучше хранить JWT в таком случае?
3 подписчика
8 часов назад
384 просмотра
0
ответов
CSS
Простой
Растягиваются колонки таблицы, при table { width: 100%} и col: { width: 200px }, как исправить это поведение?
1 подписчик
12 часов назад
66 просмотров
2
ответа
JavaScript
Средний
Как отправить куки?
1 подписчик
вчера
120 просмотров
1
ответ
JavaScript
+1 ещё
Простой
Как сделать что бы счетчик обновлялся без перезагрузки страницы YITH WooCommerce Wishlist?
1 подписчик
вчера
42 просмотра
0
ответов
HTML
+1 ещё
Средний
Форма ввода с использованием ajax. Не работает на сайте, как исправить?
1 подписчик
вчера
49 просмотров
0
ответов
CSS
Простой
Почему не центрируется текст?
1 подписчик
вчера
121 просмотр
2
ответа
JavaScript
Простой
Используют ли сейчас повсеместно class?
1 подписчик
вчера
133 просмотра
1
ответ
CSS
Простой
Vite при сборке проекта Laravel + React искажает CSS свойства, как решить?
1 подписчик
30 мар.
172 просмотра
0
ответов
JavaScript
+1 ещё
Простой
Как указать путь в JS к json-файлу, чтобы он учитывался при сборке (parcel js)?
1 подписчик
29 мар.
59 просмотров
1
ответ
Показать ещё
Загружается…
Вакансии с Хабр Карьеры
JavaScript веб-разработчик (Backend)
TurboProject
от 60 000 ₽
Middle javascript разработчик
Neat-Studio
от 100 000 до 120 000 ₽
Tech Lead/ Team Lead (JavaScript)
SteadyControl
•
Воронеж
До 200 000 ₽
Минуточку внимания
Войдите на сайт
Чтобы задать вопрос и получить на него квалифицированный ответ.
Войти через центр авторизации
Закрыть
Реклама