Galerie de vignettes flottantes, différentes tailles, comment gérer?

Quand simplement faire float:left à toutes les vignettes de la même taille, une galerie ressemble beaucoup. Mais quand différente de la taille des vignettes viennent pour jouer, ce n'est plus le cas.

Quelle est la meilleure façon de traiter les différentes taille des miniatures? Ai-je besoin d'utiliser des tableaux à la place?

Galerie de vignettes flottantes, différentes tailles, comment gérer?

source d'informationauteur Wesley

  1. 4

    Je pense que la meilleure solution est de donner à chaque vignette est un conteneur div de taille fixe, de sorte que chaque vignette prend le même espace. Je veux dire, ne pas redimensionner vos vignettes.
    L'image dans la div doit être centré.

  2. 13

    Aucune des CSS des solutions particulièrement bonne.

    Je recommande l'utilisation de JavaScript+jQuery au lieu de cela, précisément l'un de ces plugins:

  3. 2

    J'ai utilisé à la suite d'un plugin, il fonctionne :

    http://suprb.com/apps/gridalicious/

  4. 0

    Pour ceux qui en 2017 la recherche d'une galerie pour les différentes tailles d'images, cochez cette css-tricks article: https://css-tricks.com/seamless-responsive-photo-grid/