Ответы Mail.ru
Программирование
Android
C/C++
C#
iOS
Java
JavaScript
jQuery
SQL
Perl
PHP
Python
Веб-дизайн
Верстка, CSS, HTML, SVG
Системное администрирование
Другие языки и технологии
Лидеры категории
Лена-пена
М.И.
Y.Nine
•••
Искусственный Интеллект
Искусственный Интеллект
Искусственный Интеллект
Как расположить кнопку по центру экрана? (html, css)
Артем Ерменко
(93),
на голосовании
4 часа назад
Голосование за лучший ответ
nds
(21153)
1 месяц назад
Вариантов десятки
В любом случае кнопка будет выравниваться относительно какого-нибудь контейнера.
Опиши задачу подробнее
В любом случае кнопка будет выравниваться относительно какого-нибудь контейнера.
Опиши задачу подробнее
Артем ЕрменкоУченик (93)
1 месяц назад
я всё пробовал, но всё время кнопка не понятно куда улетает...
ndsПросветленный (21153)
1 месяц назад
Так показывай полный код
Артем Ерменко
Ученик
(93)
nds, его блочит анти-спам система.в крации: к этой кнопке подвязан скрипт на включение музыки, а все остальное я показал в описании вопроса
Adam Eva
(1035)
1 месяц назад
Один из самых изящных вариантов для блока:
div {
display: table-cell;
vertical-align: middle;
height: 300px; width: 300px;
background-color: #eee;
text-align: center;
} Один из самых изящных вариантов для страницы: body {
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
height: 100vh;
}
Похожие вопросы
@keyframes move {
0% {
transform: translateY(+10px);
}
50% {
transform: translateY(-10px);
}
100% {
transform: translateY(+10px);
}
}
button {
display: flex;
color: #ff0000;
font-size: 100px;
font-family: Unbounded, sans-serif;
padding: 1vw;
border: none;
background: none;
cursor: pointer;
justify-content: center;
animation: move 2s infinite;
}
</style>
<button>ТЕКСТ</button>