flex-wrap

Esta traducción está incompleta. Por favor, ayuda a traducir este artículo del inglés.

Resumen

La propiedad flex-wrap de CSS  especifica si los elementos "hijos" son obligados a permanecer en una misma línea o pueden fluir en varias líneas. Si la cobertura (wrap) está permitida, esta propiedad también te permite controlar la dirección en la cual serán apilados los elementos.

Valor inicialnowrap
Applies toflex containers
Heredableno
Mediavisual
Valor calculadocomo se especifica
Animatableno
Canonical orderel orden único no-ambigüo definido por la gramática formal

Ver Usando cajas flexibles CSS para conocer más propiedades e información.

Sintaxis

Sintaxis formal: nowrap | wrap | wrap-reverse
flex-wrap: nowrap
flex-wrap: wrap
flex-wrap: wrap-reverse

flex-wrap: inherit

Valores

Se aceptan los siguientes valores:

nowrap
Los elementos flex son distribuidos en una sola línea, lo cual puede llevar a que se desborde el contenedor flex. El valor cross-start es equivalente a start o before según el valor de flex-direction.
wrap
Los elementos flex son colocados en varias líneas. El valor cross-start equivale a start o before dependiendo del valor flex-direction y cross-end implicaría lo opuesto a lo especificado por cross-start.
wrap-reverse
Actúa como wrap pero cross-start y cross-end están intercambiados.

Ejemplos

element {
  flex-wrap: nowrap;
}

Especificaciones

Especificacion Estado Comentario
CSS Flexible Box Layout Module
The definition of 'flex-wrap' in that specification.
Candidate Recommendation  

Compatibilidad

Característica Firefox (Gecko) Chrome Internet Explorer Opera Safari
Soporte básico 28.0 bug 939901 21.0-webkit 11.0 12.10 6.1-webkit
Característica Firefox Mobile (Gecko) Android IE Phone Opera Mobile Safari Mobile
Soporte básico 28.0 bug 939901 4.4 11.0 12.10 7.0-webkit

Ver también

Etiquetas y colaboradores del documento

 Colaboradores en esta página: joshitobuba, fscholz, Sebastianz, Rober84
 Última actualización por: joshitobuba,