Explication détaillée de l'utilisation du plug-in_jquery de flux de cascade jQuery Masonry

Masonry est un plug-in de disposition de grille dynamique jQuery très puissant qui peut aider les développeurs à développer rapidement des effets d'interface similaires aux images clipart. La différence avec l'effet de float en CSS est que float est d'abord disposé horizontalement, puis verticalement. En utilisant Masonry, les éléments sont disposés verticalement, puis l'élément suivant est placé dans la zone de développement suivante de la grille. Cet effet minimise les écarts verticaux entre les éléments de hauteurs différentes. Comme suit :

Comme vous pouvez le voir sur l'image ci-dessus, l'utilisation de float pour traiter des éléments de différentes hauteurs dans une disposition en grille augmentera l'espacement entre les éléments dans la direction verticale, mais après avoir utilisé la maçonnerie, l'espacement deviendra plus petit.

Utilisation

Versez d'abord la bibliothèque de classe, comme suit :

Le code est le suivant :

Le code est le suivant :