Как сделать картинку по центру в css
Ответы
Olga Pejenkova
04 июня 2024
Для центрирования изображения по центру страницы с помощью CSS можно использовать несколько способов:
- С помощью свойства
display
иmargin:auto
:
img {
display: block;
margin: auto;
}
- С помощью свойства
position
иtransform
:
img {
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
}
- С использованием
flexbox
:
.container {
display: flex;
justify-content: center;
}
img {
align-self: center;
}
- С использованием гридов:
.container {
display: grid;
place-items: center;
}
Выбор способа зависит от конкретного дизайна и требований вашего проекта. Важно также учитывать совместимость с различными браузерами и устройствами.
1
0