Cargando...

Aligning Items in a Flex Container

Una de las razones por las que flexbox atrajo rápidamente el interés de los desarrolladores web es que por primera vez en la web se ha conseguido unas posibilidades completas de alineamiento de elementos. Se habilita la alineación vertical, de modo que por fin existe una manera rápida y facil de centrar una caja.

Para centrar nuestra caja, usamos la propiedad align-items para alinear nuestro artículo en el eje transversal, que en este caso es el eje del bloque que se ejecuta verticalmente. Utilizamos justify-content para alinear el elemento en el eje principal, que en este caso el eje en línea se ejecuta horizontalmente.

HTML
Pulsa "Ctrl + Intro" para ver en pantalla completa
CSS
Pulsa "Ctrl + Intro" para ver en pantalla completa
JavaScript / jQuery
Pulsa "Ctrl + Intro" para ver en pantalla completa

Detalles

Autor: djalho
Creado: 4 marzo 2019
Última edición: 22 junio 2019

Comentarios (0)