Modificador alinhar conteúdo

O modificador FolEs alinhar-conteúdo define a distribuição entre e ao redor dos itens do conteúdo do eixo transversal de uma flexbox, ou do eixo de bloco de uma grade.

Sintaxe

/* Alinhamento posicional básico */
/* O modificador não aceita os valores 'esquerda' e 'direita' */
alinhar-conteúdo: centro;      /* Empacota itens no centro */
alinhar-conteúdo: início;      /* Empacota itens no começo */
alinhar-conteúdo: fim;         /* Empacota itens no final */
alinhar-conteúdo: flex-início; /* Empacota itens flex no começo */
alinhar-conteúdo: flex-fim;    /* Empacota itens flex no final */

/* Alinhamento normal */
alinhar-conteúdo: normal;

/* Alinhamento a partir da linha de base */
alinhar-conteúdo: linha-base;
alinhar-conteúdo: primeira linha-base;
alinhar-conteúdo: última linha-base;

/* Alinhamento distribuído */
alinhar-conteúdo: espaço-entre; 
alinhar-conteúdo: espaço-ao-redor; 
alinhar-conteúdo: espaço-uniforme;  
alinhar-conteúdo: esticar;      

/* Alinhamento com vazamento */
alinhar-conteúdo: seguro centro;
alinhar-conteúdo: inseguro centro;

/* Valores globais */
alinhar-conteúdo: herdar;
alinhar-conteúdo: inicial;
alinhar-conteúdo: reverter;
alinhar-conteúdo: reverter-camada;
alinhar-conteúdo: desarmar;

Propriedade FolEs

Há duas nomenclaturas válidas para referenciar este modificador:

• alinhar-conteúdo;
• alinhar-conteudo.

Tradução para CSS

alinhar-conteúdo é traduzido para align-content.