Ширина div'a в зависимости от изображения?

Question

[MrBroccoli]

Добрый день!
Как реализовать данную сетку? Чтобы у родительского div'a была ширина в зависимости от изображения?

Answer 1

[Dima Polos]

display: flex

Comments

[MrBroccoli]

так это понятно, но у меня растягивает name ширину

[Dima Polos]

MrBroccoli, задайте тому блоку ограничение в 100% и можно position наложить, чтоб из потока забрать и точно не должен влиять на родителя

[MrBroccoli]

Через position получилось, но этот способ мне кажется костылём :)

[Dima Polos]

MrBroccoli, нет, тут как раз окей, прижать вниз блок с текстом поверх картинки как раз для этого позишен и придумали

Answer 2

[Stalker_RED]

div { display: inline-block }

Comments

[MrBroccoli]

Проблема в том, что под изображением идет имя блока, вот оно у меня растягивает ширину родителя

[Stalker_RED]

MrBroccoli, overflow:hidden, не?
Добавил еще пример.

[MrBroccoli]

Stalker_RED, Dima Polos уже подсказал с position. Этот способ решает проблему, но мне он кажется костылём, думал есть ещё решения

[Пашенька]

MrBroccoli, как вы можете давать оценочное суждение о костыльности, если не знаете предметную область? Это не костыль, это нормально.

[MrBroccoli]

Пашенька, так как я не хотел убирать из потока. Этот способ накладывает ограничения