¡Los artículos están en camino!
¿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. Ver ejemplo Para lograr necesitaremos programas la siguiente funciónn de javascript. function centrarDivDentroDeOtroDiv(id){ //Obtenemos los elementos var divCentrar = document.getElementById(id); var divContenedor = divCentrar.parentNode; //Obtenemos las dimensiones var anchuraContenedor = parseInt(window.getComputedStyle(divContenedor, null).getPropertyValue("width")); var alturaContenedor = parseInt(window.getComputedStyle(di...
Comentarios
Publicar un comentario