¿Qué tal estamos capitán?
Hoy vamos a aprender a centrar un div dentro de otro div. Y por extensión cualquier cosa dentro de su contenedor.
Seguro que alguna vez os habéis puesto a trastear y a intentar centrar un elemento dentro de su contenedor. Depende de como lo hayáis programado centrar el elemento horizontalmente con la propiedad auto de margin-left y margin-right es sencillo. Pero ¿Cómo central de facilmente un elemento dentro de su contenedor en las dos dimensiones? A continuación dejo un ejemplo.
Para lograr necesitaremos programas la siguiente funciónn de javascript.
A la función le deberemos de pasar el di del elemento que deseemos centrar
La manera más potente de llamar a esta función es cuando la página haya cargado y cuando cambie de tamaño. Dado que tendrá que recalcular la posición central.
Espero que te haya sido de ayuda. Hasta otra.
Comentarios
Publicar un comentario