Как «обрезать» img?

Question

[sergeyfk]

Имеется img, я начинаю уменьшать его высоту, но не уменьшаю длину. Как и следовало ожидать, картинка "сжимается", а мне необходимо не сжимать, а как бы "обрезать" начиная от верхнего края. Можно реализовать через фон, но это вызовет лишний гемор

Answer 1

[Иван Татауш]

Оберни изображение в родителя и задай ему overflow hidden. Уменьшай размер родителя, а не изображения.

Comments

[sergeyfk]

спасибо за направление мыслей, но не в какую не хочет начинать обрезать снизу. Пытался и отступ для дочерних элементов div'a ставить vertical-align, отсупы,но не в какую.

[sergeyfk]

сделал

[Иван Татауш]

sergeyfk: как решил проблему?

[sergeyfk]

position: absolute надо было выставить, а дальше оно крутится любыми способами

Answer 2

[Роман Романов]

может поможет это https://css-tricks.com/almanac/properties/o/object-fit/
правда для IE через костыль https://github.com/anselmh/object-fit

Answer 3

[Дмитрий Христоев]

положить в див и позицианировать относительно него?