Est-il possible de faire en sorte qu’une vignette ait la même hauteur qu’une autre vignette?
Le résultat de ce code est que la deuxième hauteur de la vignette est plus grande que la première et que la hauteur entre 1 est différente
comme ceci https://jsfiddle.net/hbfu2b97/1/
Si vous agrandissez l’écran des résultats, vous verrez la différence.
Vous devez créer une fonction javscript qui s’exécute sur le chargement, attrape toutes les vignettes, vérifie celle qui a la hauteur la plus haute, puis passe en boucle sur les vignettes pour leur atsortingbuer la hauteur obtenue:
@fcalderan a une bonne solution dans sa réponse: https://stackoverflow.com/a/9279339/2611451
function equalHeight(group) { var tallest = 0; group.each(function() { var thisHeight = $(this).height(); if(thisHeight > tallest) { tallest = thisHeight; } }); group.each(function() { $(this).height(tallest); }); } $(document).ready(function() { equalHeight($(".thumbnail")); });
J’ai mis à jour votre violon: https://jsfiddle.net/hbfu2b97/6/
METTRE À JOUR
Pour que le lien de recette soit aligné sur le bas, j’ai défini la thumbnail
comme étant relative et positionné les éléments de lien de recette en position absolue et alignés sur le fond:
.thumbnail { position:relative } .caption a { position:absolute; bottom:1px }