Все сервисы Хабра
Сообщество IT-специалистов
Ответы на любые вопросы об IT
Профессиональное развитие в IT
Закрыть
Задать вопрос
Hello World
@Hellows
JavaScript
HTML
CSS
Как сделать выравнивание формы по центру?
Привет всем. Подскажите, как сделать выравнивание формы авторизации по центру под разное расширение экрана. На компьютере по центру форма, а вот на ноуте - оказывается внизу. Хочется централизации на любом расширении
Вопрос задан
более трёх лет назад
9182 просмотра
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
Ваш ответ на вопрос
Войдите, чтобы написать ответ
Войти через центр авторизации
Похожие вопросы
CSS
+2 ещё
Средний
Как решить проблему с появлением пустого пространства под drawer из shadcn?
1 подписчик
02 окт.
58 просмотров
1
ответ
HTML
+1 ещё
Средний
Скачал плагин image preview в вс коде, чтобы установить иконку сайта. Иконка появилась в браузере, но не появилась слева напротив строки. Почему так?
1 подписчик
30 сент.
98 просмотров
1
ответ
JavaScript
Простой
Как прочитать ответ сервера после отправки формы?
1 подписчик
27 сент.
222 просмотра
1
ответ
CSS
Простой
Как пофиксить визуальный глитч с border-radius и transparent + blur?
1 подписчик
26 сент.
125 просмотров
2
ответа
CSS
Простой
CSS3 как выбрать последние 4 элемента?
1 подписчик
25 сент.
177 просмотров
2
ответа
HTML
+1 ещё
Простой
От какой технической характеристики компьютера зависит скорость работы сайта, указанного ниже?
1 подписчик
24 сент.
398 просмотров
2
ответа
CSS
Простой
Как заставить css-variables перевычисляться?
1 подписчик
23 сент.
159 просмотров
1
ответ
HTML
+1 ещё
Простой
Как убрать линии у бейджиков в Markdown?
1 подписчик
23 сент.
165 просмотров
1
ответ
JavaScript
+2 ещё
Простой
Как менять картинки у карточки в списке товаров?
4 подписчика
22 сент.
271 просмотр
1
ответ
HTML
+1 ещё
Средний
Как правильно сочетать теги article, section и заголовки h1-h6?
2 подписчика
21 сент.
209 просмотров
2
ответа
Показать ещё
Загружается…
Вакансии с Хабр Карьеры
Senior Automation QA Engineer
OfferCase
•
Москва
от 400 000 ₽
Senior frontend developer
DigitalHR
•
Ереван
До 4 000 $
Senior Front-end (Vue.js) Developer
OfferCase
•
Москва
от 350 000 ₽
Минуточку внимания
Войдите на сайт
Чтобы задать вопрос и получить на него квалифицированный ответ.
Войти через центр авторизации
Закрыть
Реклама