Centrer bloc verticalement css

Fermé
Clotilde - 21 févr. 2015 à 11:06
Lerendra Messages postés 412 Date d'inscription jeudi 26 septembre 2013 Statut Membre Dernière intervention 28 mai 2018 - 21 févr. 2015 à 11:27
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 :-)

A voir également:

1 réponse

Lerendra Messages postés 412 Date d'inscription jeudi 26 septembre 2013 Statut Membre Dernière intervention 28 mai 2018 299
21 févr. 2015 à 11:27
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 utilise
vertical-align: middle;
la je positionne l'image au milieu. Il y a également
vertical-align: top;
pour le positionner en haut ou
vertical-align: bottom;
pour le positionner en bas ou encore
vertical-align: Inherit;
qui se positionne à la même valeur que l'élément parent.

CSS
img { 
  vertical-align: middle;
}


Je vous invite à regarder ce Site pour plus d'information
0