Quelle est la meilleure façon de centrer les images sur des sites Web?
Chaque fois que je travaille sur un nouveau projet, je n'ai aucun problème à centrer le texte en utilisant "text-align: center" pour centrer le texte, mais je n'ai jamais vu un code similaire pour centrer les images, donc j'ai toujours piraté le code par soit en centrant les images dans le HTML (pas l'option la plus propre) ou en donnant à l'image une largeur variable (ce qui ne fonctionne pas sur plusieurs résolutions). Y a-t-il un moyen d'y parvenir que je n'ai pas essayé? Et, quelqu'un sait-il si quelque chose comme ça sera implémenté dans CSS3?
Définissez le style des éléments contenant sur
text-align:center;
définissez votre style d'image sur
display:inline-block;
margin:auto;
La réponse de Sruly frappe le clou sur la tête. la seule chose que j'envisagerais d'ajouter est vertical-align: middle; pour la balise image, comme suit:
display:inline-block;
margin:auto;
vertical-align: middle;