Definición de .flex-wrap aplicado en CSS
La propiedad .flex-wrap es una subproperiedad del módulo de diseño de caja flexible.
Caso de empleo : propiedad CSS flex-wrap
Esta propiedad de CSS habitualmente se emplea de la siguiente manera:
flex-wrap: nowrap | wrap | wrap-reverse
.flex-container {
flex-wrap: wrap;
}Otro ejemplo más avanzado de .flex-wrap es el siguiente de CODEPEN:
Sintaxis de .flex-wrap en CSS
flex-wrap: nowrap|wrap|wrap-reverse|initial|inherit;Valores
| Valor | Descripción | Juegalo |
|---|---|---|
| ahora rap | Valor por defecto. Especifica que los elementos flexibles no se envolverán | |
| envolver | Especifica que los artículos flexibles se envolverán si es necesario | |
| envolver-reversa | Especifica que los elementos flexibles se envolverán, si es necesario, en orden inverso | |
| inicial | Establece esta propiedad en su valor predeterminado. | |
| heredar | Hereda esta propiedad de su elemento principal. |
Exploradores compatibles con .flex-wrap
Los números de la tabla especifican la primera versión del navegador que es totalmente compatible con la propiedad.
Los números seguidos de -webkit- detallan la primera versión que funcionó con un prefijo.
| Property | Chrome | Internet Explorer / Edge | Firefox | Safari | Opera |
|---|---|---|---|---|---|
| float | 1.0 | 4.0 | 1.0 | 1.0 | 7.0 |
