Встречается на собеседованиях • сегодня
Как можно центрировать
Вертикальное и горизонтальное центрирование элемента можно сделать несколькими способами:
- Flexbox (современный и рекомендуемый способ):
css
.container {
display: flex;
justify-content: center;
align-items: center;
}- Grid:
css
.container {
display: grid;
place-items: center;
}- Абсолютное позиционирование (если элемент имеет фиксированные размеры):
css
.element {
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
}- Текст и inline-элементы:
css
.container {
text-align: center;
line-height: [высота контейнера];
}Для горизонтального центрирования блочных элементов можно использовать:
css
.element {
margin: 0 auto;
}
Софи собрала все вопросы. Тренируйся и получай
офферы быстрее!
офферы быстрее!
Попробовать бесплатно
Следующий вопрос
Это единственный вопрос по вашему фильтру
как отвечать на вопрос
пример собеседования
фреймворки на собеседовании
типичные вопросы junior
интервью вопросы и ответы