Как показать центральную часть < img > произвольного размера в блочном элементе с помощью CSS?

Question

[kozomyot]

Здравствуйте, специалисты, помогите с проблемой. Собственно, вопрос полностью изложен в заголовке. Можно ли только с помощью CSS решить этот вопрос? Через background не вариант, изображение должно располагаться в структуре HTML.

Answer 1

[Сергей Савостин]

jsfiddle.net/82rqsuhd/1

Comments

[kozomyot]

Спасибо за помощь, то что нужно!

Answer 2

[Serdji]

Можно попробовать с помощь Flexbox верстки. Видосики на эту тему тут

Answer 3

[Настя]

Больной вопрос, наверное, для всех верстальщиков. Насколько я знаю, средствами css без background этот вопрос решить нельзя. Только если использовать js, тем более, если макет адаптивный.