Ejemplo 1: elemento central css en pantalla
.centered {
position: fixed;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
}
Ejemplo 2: div central en medio de la página
.centered {
position: fixed;
top: 50%;
left: 50%;
/* bring your own prefixes */
transform: translate(-50%, -50%);
}
Ejemplo 3: cómo poner un contenedor en el centro de la página
#container
{
width: 400px;
margin-left: auto;
margin-right: auto;
}
Ejemplo 4: alinear div al centro de la pantalla
div.the-center-div {
margin: 0 auto;
}
Ejemplo 5: cómo poner el contenedor en el centro de la página
div.InSkinAlignCenter {
margin: 0 auto;
}
¡Haz clic para puntuar esta entrada!
(Votos: 0 Promedio: 0)