Авторизация
Забыли пароль? Введите ваш е-мейл адрес. Вы получите письмо на почту со ссылкой для восстановления пароля.
После регистрации вы сможете задавать вопросы и писать свои ответы, получая за это бонусы. Все остальные функции на сайте доступны без регистрации.
Вы должны войти или зарегистрироваться, чтобы добавить ответ и получить бонусы.
Есть несколько способов разместить кнопку по центру с помощью CSS. Вот некоторые из них:
1. Использование flexbox:
HTML:
«`html
«`
CSS:
«`css
.container {
display: flex;
justify-content: center;
align-items: center;
height: 100vh; /* Высота контейнера, чтобы кнопка была посередине экрана */
}
button {
/* Стили кнопки */
}
«`
2. Использование позиционирования:
HTML:
«`html
«`
CSS:
«`css
.container {
position: relative;
height: 100vh; /* Высота контейнера, чтобы кнопка была посередине экрана */
}
button {
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
/* Стили кнопки */
}
«`
3. Использование таблицы:
HTML:
«`html
«`
CSS:
«`css
.container {
display: table;
width: 100%;
height: 100vh; /* Высота контейнера, чтобы кнопка была посередине экрана */
}
.table {
display: table-cell;
vertical-align: middle;
text-align: center;
}
.button {
/* Стили кнопки */
}
«`
Выберите один из этих способов в зависимости от ваших потребностей и стилей.