Centrer bloc verticalement css
Clotilde
-
Lerendra Messages postés 553 Statut Membre -
Lerendra Messages postés 553 Statut Membre -
Bonjour,
Je cherche désespérément une solution pour pouvoir centrer mon bloc horizontalement ET verticalement.
Horizontalement pas de soucis mais verticalement c'est là que ça coince. J'ai fouillé pendant plusieurs heures sur le net pour trouver une solution mais rien n'y fait. J'ai trouvé des ressources mais le contenu ne se centre que sur l'horizontale.
Si une âme charitable voulait bien m'aider, je lui en serais éternellement reconnaissante !
Merci d'avance :-)
Je cherche désespérément une solution pour pouvoir centrer mon bloc horizontalement ET verticalement.
Horizontalement pas de soucis mais verticalement c'est là que ça coince. J'ai fouillé pendant plusieurs heures sur le net pour trouver une solution mais rien n'y fait. J'ai trouvé des ressources mais le contenu ne se centre que sur l'horizontale.
Si une âme charitable voulait bien m'aider, je lui en serais éternellement reconnaissante !
Merci d'avance :-)
1 réponse
-
Bonjour Clotide
Voici une solution toute simple.
On va partir de ce code html. Il va falloir centrer l'image verticalement.
HTML<img src="img.jpg" alt=""/>
Dans un premier temps, on utilisevertical-align: middle;
la je positionne l'image au milieu. Il y a égalementvertical-align: top;
pour le positionner en haut ouvertical-align: bottom;
pour le positionner en bas ou encorevertical-align: Inherit;
qui se positionne à la même valeur que l'élément parent.
CSSimg { vertical-align: middle; }
Je vous invite à regarder ce Site pour plus d'information
