Для размещения блока по центру страницы в CSS можно использовать следующие свойства:
- margin: auto — это свойство устанавливает автоматические отступы для всех сторон блока, что позволяет ему быть по центру страницы.
- display: flex; justify-content: center; align-items: center; — это свойства для контейнера, которые позволяют выравнивать содержимое по центру по горизонтали и вертикали.
- position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); — это свойства для блока, которые позволяют разместить его по центру страницы, используя абсолютное позиционирование и трансформацию.
Пример кода:
.container {
display: flex;
justify-content: center;
align-items: center;
}
.block {
margin: auto;
}
.block2 {
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
}
