jQuery Girl
  1. jQuery Girl
  3. jquery set line-height égal à la hauteur du conteneur parent
Intereting Posts
Préchargement des images et transition pour mon option Javascript simple pour la ligne CSS Laravel 5.3 Ajax Connexion Comment détecter un événement de fermeture du navigateur dans firefox? Implémentation du widget de profil Twitter Animation jQuery: Ignore le double clic Redimensionner dynamicment div en fonction de la taille de la fenêtre jquery val () ne fonctionne pas comment appeler une fonction de plug-in TinyMCE? jqGrid avec hauteur automatique; mais a une hauteur maximale et des barres de défilement Comment obtenir la valeur offset (). Top d’un élément sans utiliser jQuery? Calculer et afficher le pourcentage d’avancement du chargement de la page jQuery au chargement de l’élément dynamic Menu extensible (avec sous-menus) et sélection en surbrillance d’éléments de liste Performance: sélecteur ou traversant? Essayer d’utiliser l’API Google Places avec la fonction getJSON de JQuery

jquery set line-height égal à la hauteur du conteneur parent

Je dois définir la hauteur de ligne de manière dynamic pour un h4 en fonction de la hauteur de la div contenante. La hauteur changera en fonction du contenu et de la taille de l’écran.

html 

 
 
Lorem ipsum

jquery 

 // set line height of h4 to height of containing div var divHeight = $('.left').height(); $('.left h4').css('line-height',divHeight);

Ça ne marche pas. J’ai essayé différentes méthodes pour transmettre divHeight, mais cela ne fonctionne pas.

Mis à jour avec un bootply http://www.bootply.com/9fOHaR0iv0

Après votre mise à jour avec le lien bootply, il semble que vous ayez des images chargées dans votre div qui définissent sa hauteur.

vous avez exécuté votre code dans $(document).ready() qui s’exécute une fois que DOM est chargé. Vous devez en fait attendre le chargement de toutes les images et non du DOM.

vous devriez changer votre

$(document).ready()

à:

$(window).load()

il s’assurera que toutes les images sont chargées, puis vous obtiendrez la bonne hauteur.

voici votre code fixe: Bootply

Vous devez append le “px”

$('.left h4').css('line-height',divHeight + 'px');