Propriedades
Quantidade de itens
Define a quantidade de flex items para o flex container120
Flex Direction
Altera o eixo principal do flex containerFlex Wrap
Altera a quebra de linha dos elementos do flex containerJustify Content
Altera o alinhamento e espaçamento dos itens no eixo principal do flex containerAlign Items
Altera o alinhamento e espaçamento dos itens no eixo perpendicular (que cruza) ao eixo principalAlign Content
Altera o alinhamento e espaçamento das linhas do flex containerResultado
1
2
3
4
5
6
7
8
9
10
Código Fonte
.flex-container {
display: flex;
}