1
2
3

Flexbox

La propiedad Flexible Box, o flexbox, de CSS3 es un modo de diseño que permite colocar los elementos de una página para que se comporten de forma predecible cuando el diseño de la página debe acomodarse a diferentes tamaños de pantalla y diferentes dispositivos. Para muchas aplicaciones, el modelo "caja flexible" produce una mejora sobre el modelo "bloque" porque no utiliza la propiedad float, ni hace que los márgenes del contenedor flexible interfieran con los márgenes de sus contenidos.

Un contenedor flexible expande sus elementos para rellenar el espacio libre, o los comprime para evitar que rebasen el área prevista.

Ejes Direcciones Lineas Dimensiones
flex-direction
justify-content
align-items
align-self
order
flex-flow
flex-wrap min-height
min-width
flex(flex-basis, flex-grow, y flex-shrink)
1
2
3
Ver Atributos