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