CSS Flexible Box Layout

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

El diseño CSS Flexbox es un módulo de CSS que define un modelo de caja, optimizado para el diseño de interfaces de usuario. En el diseño flex, los nodos hijo se pueden distribuir en dirección vertical u horizontal y se pueden "flexibilizar" sus tamaños, bien sea rellenando el espacio disponible o encogiéndose para evitar salirse del contorno del nodo padre. Se puede manipular fácilmente tanto la alineación horizontal como la vertical, de los nodos hijo. La anidación de estas cajas (horizontal dentro de vertical o vertical dentro de horizontal) se puede usar para construir diseños en dos dimensiones.

Referencia

Propiedades CSS

Guías

Usando cajas flexibles CSS
Tutorial paso a paso sobre como construir diseños usando esta opción.
Usando flexbox para diseñar Aplicaciones Web
Tutorial explicando como usar flexbox en el contexto específico de Aplicaciones Web.

Especificaciones

Specification Status Comment
CSS Flexible Box Layout Module Candidate Recommendation Initial definition.

Compatibilidad Navegadores

Feature Firefox (Gecko) Chrome Internet Explorer Opera Safari
Basic support 20.0 (20.0) 21.0-webkit
29.0
10.0-ms
11.0
12.10 6.1-webkit
Feature Firefox Mobile (Gecko) Android IE Phone Opera Mobile Safari Mobile
Basic support (Yes) 4.4 11 12.10 7.1-webkit

 

Etiquetas y colaboradores del documento

 Colaboradores en esta página: pepe2016, fscholz
 Última actualización por: pepe2016,