Loading...

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
Press "Ctrl + Enter" to see in full screen
CSS
Press "Ctrl + Enter" to see in full screen
JavaScript / jQuery
Press "Ctrl + Enter" to see in full screen

Details

Author: djalho
Created: 4 March 2019
Last edition: 22 June 2019

Comments (0)