Как сделать - центрировать изображение, выровнять по центру
Узнайте, как центрировать изображение с помощью 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 Images учебник, чтобы узнать больше о том, как стиль изображений.