Спрятать часть изображения

124

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>

ПОСЛЕДНИЕ ВОПРОСЫ

Все вопросы

ТОП-10

Все популярные вопросы

Как перевернуть ListBox

Я делаю калькулятор, и хочу в листбокс отправлять историюНо нужно чтоб она была не сверху вниз, а снизу вверх, то есть мне нужно развернуть...

132

Работа с таймерами в приложении Xamarin.Forms

В приложении XamarinForms необходимо реализовать таймер, срабатывающий через заданный интервал времени

111

Создать массив из полученных значений и присвоить элементу значение нового массива Unity

Есть два типа объектов:

121

Как подключиться из C# к другому .NET процессу?

Как средствами C# подключиться к другому процессу и мониторить некоторые данные из него? Известно, что исследуемое приложение так же написано...

137