css-flexbox

ShielddoProjeto ShielddoProjeto ShielddoProjeto ShielddoProjeto ShielddoProjeto ShielddoProjeto ShielddoProjeto ShielddoProjeto ShielddoProjeto

CSS-Flexbox

Descrição

CSS Flexbox (Flexible Box Layout) é um módulo do CSS que fornece uma maneira eficiente de organizar, alinhar e distribuir elementos em um contêiner. Ele introduz um sistema de layout bidimensional, permitindo que você controle a posição e o comportamento dos elementos em relação ao eixo principal (main axis) e ao eixo transversal (cross axis).

O Flexbox opera com base em um contêiner, que é um elemento pai que envolve um conjunto de elementos filhos, chamados de flex items. O contêiner é definido como um flex container e os elementos internos como flex items. O Flexbox permite que você especifique como os flex items se ajustam e se distribuem dentro do contêiner.

Exemplos

Flex Container

Flex Items