<дел>
<img src="Укажите адрес изображения" alt="" class="Img">
</div>Способ 1. Добавьте object-fit:cover к элементу img.
div {
ширина: 500 пикселей;
высота: 500 пикселей;
}
.Img{
ширина: 100%;
высота: 100%;
объект подходит: обложка;
}Способ 2. Отцентрируйте элемент img по вертикали и установите минимальную ширину и высоту на весь экран.
div {
ширина: 500 пикселей;
высота: 500 пикселей;
положение: родственник;
переполнение: скрыто;
}
.Img{
позиция: абсолютная;
верх: 50%;
осталось: 50%;
дисплей: блок;
минимальная ширина: 100%;
минимальная высота: 100%;
трансформировать:перевести(-50%,-50%);
}<div class="container"></div>
Метод: Добавьте фоновый размер: обложку к элементу div, установите для изображения режим «неповторяющийся без повторения»;
.контейнер{
высота: 500 пикселей;
ширина: 500 пикселей;
поле: 0 пикселей авто;
фон: url('../Status/img/health.png') без повтора;
размер фона: обложка;
}На этом завершается статья о том, как заполнить div изображениями CSS. Дополнительную информацию о том, как заполнить div изображениями CSS, можно найти в предыдущих статьях на сайте downcodes.com или продолжить просмотр соответствующих статей ниже. Надеюсь, вы поддержите их. даункоды в будущем .com!