it-swarm-es.com

¿Cuál es la mejor manera de centrar imágenes en sitios web?

Cada vez que trabajo en un nuevo proyecto no tengo ningún problema para centrar el texto usando "text-align: center" para centrar el texto, pero nunca he visto un código similar para centrar imágenes, así que siempre he pirateado el código ya sea centrando las imágenes en el HTML (no es la opción más limpia) o dándole a la imagen un ancho variable (que no funciona en múltiples resoluciones). ¿Hay alguna forma de lograr esto que no haya intentado? Y, ¿alguien sabe si algo como esto se implementará en CSS3?

2
rgaspary

Establezca el estilo de los elementos que lo contienen en

text-align:center;

configura tu estilo de imagen en

display:inline-block;
margin:auto;
8
Sruly

La respuesta de Sruly da en el clavo. lo único que consideraría agregar es vertical-align: middle; para la etiqueta de imagen, de la siguiente manera:

display:inline-block;
margin:auto;
vertical-align: middle;
2
Sk93