Flex
flex
é um novo valor adicionado à propriedade display
. Junto com o inline-flex
, este valor faz com que o elemento aplicado seja um flex container, e seus filhos se transformem então em flex item.Os itens então farão parte de um layout flex, e todas as propriedades definidas no CSS Flexbox poderão ser aplicadas.
A propriedade flex é um atalho para as propriedades flexboxflex-grow
, flex-shrink
e flex-basis
.
Além disso, <flex>
pode ser também uma unidade flexível em um CSS Grid Layout.
Veja mais
Referências
Leitura complementar
- CSS Flexible Box Layout Module Level 1 Specification
- CSS Flexbox Guide: Basic Concepts of Flexbox
- CSS Flexbox Guide: Relationship of flexbox to other layout methods
- CSS Flexbox Guide: Aligning items in a flex container
- CSS Flexbox Guide: Ordering flex items
- CSS Flexbox Guide: Controlling Ratios of flex items along the main axis
- CSS Flexbox Guide: Mastering wrapping of flex items
- CSS Flexbox Guide: Typical use cases of flexbox