Как сделать - Центрировать изображения
Узнайте, как центрировать изображение с помощью CSS.
Изображение по центру:
Как центрировать изображения
Шаг 1) Добавьте HTML:
Пример
<img src="paris.jpg" alt="Paris" class="center">
Шаг 2) Добавьте CSS:
Чтобы центрировать изображение, установите левое и правое поле auto
и сделайте его block
элементом:
Пример
.center {
display: block;
margin-left: auto;
margin-right: auto;
width: 50%;
}
Обратите внимание, что его нельзя центрировать, если ширина установлена на 100% (полная ширина).
Совет: перейдите к нашему учебнику по изображениям CSS , чтобы узнать больше о том, как стилизовать изображения.