Спрятать часть изображения
151
19 ноября 2020, 00:10
На данном примере мы видим, что изображение не помещается по высоте в заданную область и сжимает не пропорционально.
Как показать только ту часть изображения, которая вмещается, а остальное спрятать за div?
div {
height: 100px;
width: 100%;
}
div {
background: black;
}
div img {
height: inherit;
width: 100%;
}<div>
<img src="https://i.imgur.com/bgH2tvk.jpg">
<div>Answer 1
div {
height: 100px;
width: 100%;
background: black;
overflow: hidden;
}
div img {
height: inherit;
width: 100%;
height: auto;
}<div>
<img src="https://i.imgur.com/bgH2tvk.jpg">
<div>
-
12:23
-
20:41
-
06:31
-
21:28
-
22:18
-
08:00
-
13:46
-
10:14
-
18:32
Сборка персонального компьютера от Artline: умный выбор для современных пользователей
ТОП-10
- Почему SERVER_ADDR имеет не тот IP 49908 visits
- Как заменить $_SERVER[REMOTE_ADDR] на IP клиента в PHP за двумя Nginx? 31901 visits
- Хочу вывести несколько строк из массива в один div, выводит только много undefined; подскажите, что делать? 25873 visits
- Как через css изменить цвет png изображения? 11721 visits
- Blob video url download 11267 visits
- Php curl запрос через прокси с авторизацией 10661 visits
- Работа с captcha vk api 9467 visits
© "hostciti.net" 18.12.2025 | 10:06