Eli vähän samanlainen järjestely pitäisi saada aikaan:
http://www.kuvat.fi/yhteiso/kansiot/
- Kaikilla div-laatikoilla on sama leveys, mutta eri korkeus
- Riville mahtuvien laatikoiden määrä riippuu selaimen leveydestä
Tämä on helppo toteuttaa, jos on sekä leveys, että korkeus on sama. Mutta heti kun laatikolla on eri korkeus, niin menee vaikeaksi.
Voisiko joku antaa yksinkertaisen esimerkin, miten tämä onnistuisi erikorkeilla laatikoilla?
http://jsbin.com/funicipu/1/edit?html,output
http://www.kuvat.fi/yhteiso/kansiot/
- Kaikilla div-laatikoilla on sama leveys, mutta eri korkeus
- Riville mahtuvien laatikoiden määrä riippuu selaimen leveydestä
Tämä on helppo toteuttaa, jos on sekä leveys, että korkeus on sama. Mutta heti kun laatikolla on eri korkeus, niin menee vaikeaksi.
Voisiko joku antaa yksinkertaisen esimerkin, miten tämä onnistuisi erikorkeilla laatikoilla?
http://jsbin.com/funicipu/1/edit?html,output
Vastaukset 1
Vanhimmat
http://masonry.desandro.com/
http://isotope.metafizzy.co/
Kuvat.fi taitaa käyttää tuota ylempää, masonrya, nopeasti HTML luokista katsoen. Ei vaan ole mitään siirtoefektiä, vaan elementit järjestellään uudelleen nopeasti.