Des colonnes de même hauteur

0

Comment générer des colonnes de la même hauteur afin de respecter au mieux votre mise en page

Je ne vais pas passer en revue les différents fix, hacks et autre bidouillages css qui permettent de générer plus ou moins bien des colonnes de la même hauteur. il suffit simplement d’utiliser un plugin jQuery qui permet de modifier automatiquement la hauteur de vos différents blocs pour qu’ils soient tous aux mêmes dimensions.

Mon choix s’est porté sur le plugin matchHeight, dispo sur Github : https://github.com/liabru/jquery-match-height

Sa mise en oeuvre est on ne peut plus simple :

<script src="jquery.matchHeight.js" type="text/javascript"></script>

Ensuite, il suffit de ces quelques lignes pour voir la magie opérer.

jQuery(function($) {
    $('.bloc-meme-hauteur').matchHeight();
});

Et voilà, tous vos blocs (div, span, p, etc …) qui utilisent la classe .bloc-meme-hauteur seront donc tous de la même hauteur.

Recevoir la newsletter

Recevoir la newsletter

Recevez les dernières news et astuces Wordpress & Développement Web par email une fois par semaine

Bravo, vous êtes inscrits