EspañolDeutschFrançaisItalianoPortuguêsРусскийΕλληνικά日本語中文(简体)हिन्दी; हिंदीالعربية
PF Preguntas - Foro

Cómo centrar horizontalmente una imagen, con posición absoluta, dentro de un div

Programación CSS  
 
Cómo centrar horizontalmente una imagen, con posición absoluta, dentro de un div

La idea es centrar dentro de un DIV, una imagen con posicionamiento absoluto { position: absolute; }. Para ello, lo primero de todo es asignar, al div que va a contener la imagen, un posicionamiento relativo, evitando así que el posicionamiento absoluto de la imagen sea con respecto al elemento contenedor padre que tenga posicionamiento relativo más próximo, o en su defecto, al body.

Suponiendo que tenemos el siguiente código con un div y una imagen dentro del mismo:

El estilo a aplicar al contenedor y a la imagen es el siguiente:

Para ver el resultado con algo de ejemplo, vamos a modificar el código del HTML asignando un borde y un tamaño al div, así como agregando una ruta y un tamaño a la imagen. Quedaría algo así:

y, a continuación, el resultado:

 

Déjanos un comentario o entra al  Foro
Share on Facebook Tweet about this on Twitter Share on Google+ Pin on Pinterest Share on Reddit Share on VK Share on StumbleUpon Share on Tumblr Share on LinkedIn Email this to someone Print this page

Artículos relacionados