Flexbox
Flexbox. Aplique Flexbox ao conteúdo. Configure Direção, Alinhamento no eixo principal, Espaçamento (px) e confira o resultado antes de copiar.
Texto e transformação
Executado neste navegadorResultado
Preencha os dados e execute a ferramenta para ver o resultado.
Como usar Flexbox
- Confira o exemplo e as unidades; depois substitua pelos seus dados.
- Aplique Flexbox ao conteúdo. Configure Direção, Alinhamento no eixo principal, Espaçamento (px) e confira o resultado antes de copiar.
- Execute a ferramenta, confira o resultado e copie ou baixe o necessário.
Método e escopo
Aplique Flexbox ao conteúdo. Configure Direção, Alinhamento no eixo principal, Espaçamento (px) e confira o resultado antes de copiar.
Edite o exemplo ou cole seu próprio conteúdo.
Exemplo de entrada
Direção: row Alinhamento no eixo principal: space-between Espaçamento (px): 16
Dúvidas e verificações
Como Flexbox determina o resultado?
Aplique Flexbox ao conteúdo. Configure Direção, Alinhamento no eixo principal, Espaçamento (px) e confira o resultado antes de copiar.
O que devo conferir antes de processar?
Edite o exemplo ou cole seu próprio conteúdo.
Como verificar a saída?
Confira primeiro o exemplo e compare resultados importantes com a fonte ou o documento comercial original.
Direção: row Alinhamento no eixo principal: space-between Espaçamento (px): 16
Ferramentas relacionadas
px → rem
Calcule com Valor em pixels (px), Tamanho da fonte raiz (px); confira a fórmula, as unidades e o exemplo.
Ferramentas de desenvolvimentopx → em
Calcule com Valor em pixels (px), Tamanho da fonte do elemento pai (px); confira a fórmula, as unidades e o exemplo.
Ferramentas de desenvolvimentoConversão de unidades da área visível
Calcule com Valor em pixels (px), Tamanho da área de visualização (px); confira a fórmula, as unidades e o exemplo.
Ferramentas de desenvolvimentoProporção de tela
Calcule com Largura, Altura; confira a fórmula, as unidades e o exemplo.
Ferramentas de desenvolvimentoTestador de expressões regulares
Aplique Testador de expressões regulares ao conteúdo. Configure Texto de entrada, Expressão regular, Sinalizadores e confira o resultado antes de copiar.
Ferramentas de desenvolvimentoEscapar texto literal para regex
Aplique Escapar texto literal para regex ao conteúdo. Configure Texto de entrada e confira o resultado antes de copiar.