Cómo centrar una imagen dentro de un div con CSS
Ratio: 5 / 5
En ocasiones cuestiones sencillas se hacen difíciles, si has llegado hasta aquí es por que intentas centrar verticalmente una imagen, de tamaño automático (con un máximo) dentro de una capa div.
La solución es usar la el evento :before de CSS sobre nuestro div, y otorgar éstas propiedades al img:
div.clasediv:before{
content: "";
display: inline-block;
height: 100%;
vertical-align: middle;
}
img.claseimagen {
vertical-align: middle;
max-height: 100px;
max-width: 100px;
}
