Jak zrobić zawsze ten sam odstęp między divami? Opcje

[plastus321]

Witam wszystkich forumowiczów!

Nie wiem czy jasne jest moje pytanie i nie wiem jak dokładnie to opisać więc użyję do pomocy opisu mojego problemu zdjęcie:

(IMG:http://i61.tinypic.com/yih5h.jpg)

A więc co chcę zrobić?

chcę żeby każdy z tych div'ów miał od siebie ZAWSZE odstęp margin-top: 20px, a nie robił dopiero odstęp tych 20px po największym div'ie.

i zawsze wygląda to tak równiutko... a chcę żeby zapełniały całe miejsce na stronie.

Pod tym adresem https://unsplash.com/grid jest ten efekt jaki chciałbym uzyskać, ale podejrzewam że tu jest jakoś wykorzystany javascript, a ja wolałbym tego uniknąć jeśli dałoby radę. Obrazki w pionie mają zawsze ten sam odstęp.

Jak można to zrobić bez JS?

Z góry dziękuję za pomoc!

[by_ikar]

W css column-count - ilość kolumn, column-gap - odległość między kolumnami. Przykład: http://jsfiddle.net/yu0uey0x/

Ten post edytował by_ikar 16.12.2014, 21:47:50