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 (en-US), e seus filhos se transformem então em flex item (en-US).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 (en-US) 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 (en-US)
- CSS Flexbox Guide: Aligning items in a flex container
- CSS Flexbox Guide: Ordering flex items (en-US)
- CSS Flexbox Guide: Controlling Ratios of flex items along the main axis (en-US)
- CSS Flexbox Guide: Mastering wrapping of flex items (en-US)
- CSS Flexbox Guide: Typical use cases of flexbox (en-US)