Centre image utilisant text-align center ?

Question

Est la propriété `` une bonne façon de centrer une image en utilisant le CSS ?

Answer 1

Ce n’est pas recommandé car il n’est pas supportée par le W3C.

Utilisez-le à la place :

Answer 2

Cela ne fonctionne toujours... si elle ne marche pas, essayez :

Answer 3

Suis tombé sur ce post et cela a fonctionné pour moi :

(Alignement vertical et horizontal)

Answer 4

Une autre façon de faire serait être centrer un paragraphe englobant :

Answer 5

En fait, le seul problème avec votre code est que l' text-align d'attribut s'applique au texte (oui, les images comte de texte) à l'intérieur de la balise. Vous voulez mettre un span balise autour de l'image et de définir son style d' text-align: center, comme suit:

Code HTML:

<span class="centerImage"><img src="..." /></span>

Le code CSS:

span.centerImage {
     text-align: center;
}

L'image sera centrée. En réponse à votre question, il est le plus facile et le plus infaillible pour centre images, tant que vous n'oubliez pas d'appliquer la règle à l'image du contenant span (ou div).