Flex
flex es una nueva herramienta agregada a la propiedad CSS display. Junto con inline-flex, hace que el elemento al que se aplica se convierta en un flex container, y los hijos del elemento se conviertan cada uno en un flex item (en-US).
Luego, los elementos participan en el diseño flexible y se pueden aplicar todas las propiedades definidas en el módulo de diseño de caja flexible CSS (CSS Flexible Box).
La propiedad flex es una abreviatura de las propiedades flexbox flex-grow, flex-shrink y flex-base.
Además, <flex> puede referirse a una longitud flexible en CSS Grid Layout.
Aprende más
Propiedades de referencia
Para más información
- Especificación de nivel 1 del módulo de diseño de flexbox CSS
- Guía de Flexbox CSS: Conceptos básicos de flexbox
- Guía de Flexbox CSS: Relación de flexbox con otros métodos de diseño (en-US)
- Guía de Flexbox CSS: Alinear elementos en un contenedor flexible
- Guía de Flexbox CSS: Ordenar elementos flexibles (en-US)
- Guía de Flexbox CSS: Controlar proporción de elementos flexibles a lo largo del eje principal (en-US)
- Guía de Flexbox CSS: Dominar la envoltura de elementos flexibles (en-US)
- Guía de Flexbox CSS: Casos de uso típicos de flexbox