Есть ли способ установить width:auto для picture?

Question

[m5xim]

Доброе утро.
Есть img теги со стилями max-width:100%;height:auto; которые необходимо заменить на picture. При переносе img в picture тег изображение начинает занимать все оставшееся место, т.е. ширина перестает зависеть от изображения. Есть ли способ сохранить текущий вариант, когда ширина img зависит от изображения? Есть много img для замены и не хотелось бы прописывать индивидуальные стили для каждого предка/img

UPD: CodePen

Comments

[Максим]

display: flex пробовали?

[m5xim]

Максим, да, для img и для picture, ничего не дает

Answer 1

[Иван Мехедов]

Попробуйте задать тегу picture display: flex.
Если не сработает, то display: table. Эти два свойства сжимают блок или блочный элемент до минимума.

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

Comments

[m5xim]

Я пробовал, не помогает. Также добавил CodePen, если есть еще варианты то накидывайте

[Иван Мехедов]

m5xim, не могли бы вы, пожалуйста, дать ссылку на codepen? Хочу поэкспериментировать. При удачном исходе пришлю вам ответ.

[m5xim]

Иван Мехедов, я прикрепил в топе, вот codepen

Answer 2

[Антон]

Мне кажется, что это ваш случай

Comments

[m5xim]

Не совсем понимаю как это можно применить к данному случаю, имхо тут совсем наоборот - разные изображения делают одинаковой (и фиксированной) ширины

[Антон]

m5xim, я вот тоже не понимаю как можно задать вопрос и не приложить сразу код