Допустим есть блок div, в нём размещаются несколько img. Как сделать так, чтобы если ширина img была меньше ширины div, то img не растягивалась, а оставалась на максимуме своей естественной ширины? Т.е. чтобы img не растягивалась по ширине div (если div очень большой), а оставалась на своей "естественно" стопроцентной ширине.
При этом я не знаю фактических размеров картинок (допустим рандомные с сервера приходят).
Для большего понимания наклепал картинку в paint.
Желательно это сделать без вмешательства js, но если без него никак, то лучше с ним.