vetical et horizontalement aligner une image dans une boîte

Question

Le problème:

I ont une largeur fixe et une image de hauteur permet de dire hauteur: 160px; largeur: 200px; avec une image dans chaque boîte.

L'image peut varier en taille, mais j'ai besoin d'une solution qui centrera toujours l'image verticalement et horizontalement dans la boîte, peu importe sa taille.

Horizontal ne semble pas poser de problème en utilisant margin: 0 auto mais vertical s'avère difficile. J'ai essayé alignement vertical: centre mais cela ne marche pas semblent fonctionner soit

Toute aide est appriciated Merci

Answer 1

center n'est pas une valeur valide pour vertical-align (vous confondre probablement avec elle middle). Pourtant, vertical-align n'est pas la bonne méthode ici et est souvent une propriété mal comprise. J'ai recommandé le site suivant plusieurs fois et il devrait aussi vous aider:

http://phrogz.net/css/vertical-align/index.html