Comment aligner verticalement le texte dans un div flottant? Par exemple: j'ai un contenu dynamique avec une hauteur fixe. si le contenu est petite ou grande, il a automatiquement alignées à la verticale.
Grâce
Verticalement-aligner par rapport à quoi?
OriginalL'auteur Harry | 2009-07-09
Cellules du tableau sont la solution la plus simple.
Javascript est une alternative (mesure de la taille et de la taille du texte de la div, puis réglez le rembourrage, ou lineheight, ou quoi que ce soit).
edit: Ou ce génial css:
CSS
HTML
Eu l'intention de faire un billet de blog à ce sujet pendant un certain temps, je pense qu'il est temps.
OriginalL'auteur Ryan Florence
Je sais que cela va ruiner ma réputation, mais ... l'utilisation d'une cellule de tableau. Toute croix-navigateur CSS solution pour l'alignement vertical sera deux fois plus difficile à maintenir, en étant optimiste.
OriginalL'auteur James M.
Ne fonctionne pas sur flottait éléments
OriginalL'auteur JerSchneid
Chris Coyier a écrit un excellent tutoriel sur seulement ceci: http://css-tricks.com/vertically-center-multi-lined-text/
J'ai utilisé moi-même, et il fonctionne parfaitement.
OriginalL'auteur
J'ai rencontré ce problème avant.
Je vais vous citer les experts, donc je ne fudge ce:
"...objet interne est en position absolue dans la moitié de la superficie de la hauteur. Puis est déplacée vers le haut de la moitié de sa hauteur."
Cela peut être fait avec des % au lieu exact de pixels, dans le cas où les données sont générées à partir d'une base de données et la hauteur varie avec chaque page.
Source: ici
Démo: lien sur la page mentionnée ci-dessus
, Voici ma première réponse...
OriginalL'auteur GlenCrawford
Avez-vous essayé vertical-align: middle; ?
OriginalL'auteur whichdan