Égalisation des hauteurs (pure CSS)

Questions ou commentaires?

Fonction

Égalise la hauteur d'éléments étant sur la même ligne de base.

Utiliser lorsque

Éviter lorsque

Aucun cas d'utilisation n'est connu pour lequel l'utilisation de ce plugiciel devrait être évitée.

Exemples pratiques

Exemples pratiques du plugiciel d'égalisation des hauteurs pure css

Comment implémenter le plucigiel

  1. Ajouter la classe wb-eqht-grd à l'élément qui contient les grilles pour lesquelles vous voulez égaliser la hauteur.
  2. Ajouter la classe hght-inhrt à tous les éléments contenus dans les grilles pour lequels vous voulez égaliser la hauteur.
  3. Ajouter la classe eqht-trgt à l'élément à égaliser. Il s'agit de la même chose que d'ajouter hght-inhrt sur tous les éléments jusqu'à l'élément enfant de wb-eqht-grd.

Paramètres de configuration

Aucun paramètre de configuration.

Événements

Événement Déclencheur Effet déclenché
wb-init.wb-eqht-grd .eqht-trgt Déclenché manuellement (ex. : $( ".wb-eqht-grd .eqht-trgt" ).trigger( "wb-init.wb-eqht-grd .eqht-trgt" );). Utilisé pour initialisé manuellement l'égalisateur des hauteur en CSS pure.
wb-ready.wb-eqht-grd .eqht-trgt Déclenché automatiquement après l'initialisation du formulaire à étapes. Utilisé afin d'identifié l'élément sur lequel le formulaire à étapes a été initialisé (la cible de l'événement) 
$( document ).on( "wb-ready.wb-eqht-grd .eqht-trgt", ".wb-eqht-grd .eqht-trgt", function( event ) {});
$( ".wb-eqht-grd .eqht-trgt" ).on( "wb-ready.wb-eqht-grd .eqht-trgt", function( event ) {});

Code source

Code source du plugiciel d'égalisation des hauteurs pure css sur GitHub

Date de modification :