Как расположить картинки в одну строку?

Question

[SeoNk]

Нужно расположить картинки в один ряд с сохранением пропорций, одинаковой высотой и заданной шириной ряда.

Т.е. имеется родительский блок div с шириной 700px. В нем нужно расположить в один ряд, скажем, 4 картинки так, чтобы этот ряд растянулся на всю ширину родительского дива. Высота у картинок должна быть однинаковой. Пропорции должны сохраняться.

В качестве примера можно посмотреть как располагаются картинки на vk.com

Answer 1

[Stalker_darkway]

Попробуйте через flexbox
https://jsfiddle.net/aj6juu8c/

Answer 2

[Виктор]

А в чем сложность?
У div родителя width:100%; float:left;
У div картинок height:200px(или сколько вам надо); float:left;
У самой картинки height:100%

Answer 3

[Mary Солнечная]

osvaldas.info/examples/flexbox-based-responsive-eq...