PAG 19 INICIO PAG 19

PROPIEDADES DE FLEXBOX V

flex-flow

Esta tambien es un short hand, que permite definir en una sola linea, flex-direction y flex-wrap
como primer valor recive el de flex-directiony luego el de flex-wrap

El siguiente es el codigo del ejemplo en HTML, CSS y JavaScript, para flex flow







Item 1
Item 2
Item 3
Item 4
Item 5
Item 6

EL comportamiento con (column wrap) los elementos se organizan en una columna principal, y cuando el contenedor
alcanza su límite de altura, los elementos comienzan a colocarse en una nueva columna al lado de la primera,
creando así múltiples columnas. En este caso de ejemplo El contenedor no tiene un height definido, e por esto no se ve
el efecto

PAG 19 INICIO PAG 19