Flexbox

Flexbox é o nome normalmente usado para o Módulo CSS Flexible Box Layout, um modelo de layout para mostrar itens numa única dimensão — como linha ou como coluna. Inserir uma caixa dentro da outra (p. ex. linha numa coluna, ou coluna numa linha) permite a criação de layouts em duas dimensões.

Na especificação, Flexbox é descrito como um modelo de layout usado na criação de interfaces. A principal característica do Flexbox é o fato que itens em um layout podem crescer ou encolher. Espaços podem ser atribuídos aos próprios itens, distribuídos entre eles, ou posicionados ao redor dos mesmos.

Flexbox também permite o alinhamento de itens tanto no Eixo Principal quanto no Eixo Transversal, provendo um alto nível de controle sobre o tamanho e alinhamento de grupos de itens.

Ver também

Referência de propriedades

Leitura adicional