Si tenim una pàgina amb elements que varien la seva mida segons el contingut i volem que quedin ordenats sense que quedin espais en blanc, la manera més fàcil per fer-ho és utilitzant un plugin de jquery anomenat Masonry. Primer haurem de carregar el plugin col·locant-lo a la carpeta corresponent on tinguem els plguins js i després carregar-lo al <head> de la pàgina.
<script src="/path/to/masonry.pkgd.min.js"></script>
El codi amb el que el carreguem i especifiquem les dimensions és:
var container = document.querySelector('#container');
var msnry = new Masonry( container, {
// options
columnWidth: 200,
itemSelector: '.item'
});
on “#container” és el nom de la id que hem posat al nostre div.