Как сделать картинку обтекаемой другими картинками?

Question

[Андрей Галко]

Привет. У меня есть несколько картинок и они отображаются очень некрасиво:


Можно ли на чистом css сделать так, чтобы картинки отображались примерно как на фото внизу?

<img src="http://cs7003.vk.me/c540103/v540103823/276c8/Q2iWctIsF60.jpg" alt="ct">
<img src="http://cs7003.vk.me/c540103/v540103823/276cf/9XnLKlpyEzk.jpg" alt="ct">
<img src="http://cs7003.vk.me/c540103/v540103823/276d6/-oeMxtWB-rE.jpg" alt="ct">
<img src="http://cs7003.vk.me/c540103/v540103823/276dd/QFrFDHff-M4.jpg" alt="ct">

Comments

[L0k1]

гугол сломался? если нет - то по запросу "masonry layout" можно найти все варианты реализации такой шахматки

[Андрей Галко]

L0k1: мне стоило написать этот вопрос хотя бы для того, что такое расположение называется "masonry layout"

[L0k1]

Андрей Галко: значит топик можно закрывать :)

Answer 1

[Сергей delphinpro]

https://jsfiddle.net/c2e020a4/1/

Answer 2

[Антон Федорян]

Например так: https://jsfiddle.net/c2e020a4/

Answer 3

[rhost]

можно через js masonry

Answer 4

[Станислав Дубровский]

Если картинки выровнены по ширине, то обернуть картинки в вертикальные колонки: https://jsfiddle.net/cLxgrpso/