Construtor de flexbox CSS
Teste base, crescimento, quebra de linha e alinhamento, e exporte o HTML e o CSS.
- Funciona no navegador
- Sem upload
- Confira antes de baixar
Os dados de entrada ficam nesta aba, sem envio nem salvamento automático. As contagens agregadas de uso e os diagnósticos gerais de processamento são opcionais e só são enviados com o seu consentimento, sem conteúdo nem nomes de arquivos. Limpar ou fechar apaga os dados; salve antes os resultados de que precisar.
Limites de recursos
De 1 a 24 itens; base de 0 a 2000 px, crescimento e redução de 0 a 20, ordem de ±24 e espaçamento de 0 a 100 px. A prévia usa a largura disponível. A ordem visual não muda o DOM, a leitura por leitores de tela nem a navegação pelo teclado. A prévia é local e limitada, sem garantia de funcionar igual em todos os navegadores e layouts. Suas entradas nunca são executadas. Baixe o HTML e o CSS juntos. Limite de tempo: 8 segundos.
Como usar
- Configure o exemplo
Escolha a direção, a quebra de linha e o alinhamento e edite base, crescimento, redução e ordem. Gere e compare as posições na largura disponível. Exporte o HTML e o CSS juntos.
- Verifique antes de usar
Os dados de entrada ficam nesta aba, sem envio nem salvamento automático. As contagens agregadas de uso e os diagnósticos gerais de processamento são opcionais e só são enviados com o seu consentimento, sem conteúdo nem nomes de arquivos. Limpar ou fechar apaga os dados; salve antes os resultados de que precisar. De 1 a 24 itens; base de 0 a 2000 px, crescimento e redução de 0 a 20, ordem de ±24 e espaçamento de 0 a 100 px. A prévia usa a largura disponível. A ordem visual não muda o DOM, a leitura por leitores de tela nem a navegação pelo teclado. A prévia é local e limitada, sem garantia de funcionar igual em todos os navegadores e layouts. Suas entradas nunca são executadas. Baixe o HTML e o CSS juntos. Limite de tempo: 8 segundos.
- Exporte o resultado verificado
Baixar resultado; Baixar original
Perguntas e limites
Limites de recursos
De 1 a 24 itens; base de 0 a 2000 px, crescimento e redução de 0 a 20, ordem de ±24 e espaçamento de 0 a 100 px. A prévia usa a largura disponível. A ordem visual não muda o DOM, a leitura por leitores de tela nem a navegação pelo teclado. A prévia é local e limitada, sem garantia de funcionar igual em todos os navegadores e layouts. Suas entradas nunca são executadas. Baixe o HTML e o CSS juntos. Limite de tempo: 8 segundos.
Design offline
Os dados de entrada ficam nesta aba, sem envio nem salvamento automático. As contagens agregadas de uso e os diagnósticos gerais de processamento são opcionais e só são enviados com o seu consentimento, sem conteúdo nem nomes de arquivos. Limpar ou fechar apaga os dados; salve antes os resultados de que precisar.
Verifique antes de usar
Escolha a direção, a quebra de linha e o alinhamento e edite base, crescimento, redução e ordem. Gere e compare as posições na largura disponível. Exporte o HTML e o CSS juntos.