Construtor de grelhas CSS
Crie pistas e áreas com grelha local e HTML/CSS.
- Funciona no navegador
- Sem envio
- Verifique antes de transferir
Os dados de entrada ficam neste separador, sem envio ou gravação automática. As contagens agregadas de utilização e os diagnósticos gerais de processamento são opcionais e enviados apenas com consentimento, sem conteúdo nem nomes de ficheiros. Limpar ou fechar elimina os dados; guarde primeiro os resultados necessários.
Limites de recursos
Grelha: fr de 0,01 a 100, px de 0 a 2000, % de 0 a 100 ou auto; nomes no formato [a-z][a-z0-9_-]{0,19}. De 1 a 8 pistas por eixo (fr, px, % ou auto), espaçamento de 0 a 100 px, até 64 células. Cada área tem de formar um retângulo. O ponto indica uma célula vazia. A pré-visualização corresponde aos elementos exportados. A pré-visualização local é limitada e não garante o mesmo resultado em todos os navegadores e disposições. As entradas não são executadas. Transfira o HTML e o CSS em conjunto. Limite: 8 segundos.
Como utilizar
- Configurar o exemplo
Adicione colunas e linhas e escolha as unidades, os tamanhos e o espaçamento. Preencha as células com nomes de áreas retangulares repetidos ou com pontos. Clique em Gerar e confirme as posições antes de exportar o HTML e o CSS.
- Verificar antes de utilizar
Os dados de entrada ficam neste separador, sem envio ou gravação automática. As contagens agregadas de utilização e os diagnósticos gerais de processamento são opcionais e enviados apenas com consentimento, sem conteúdo nem nomes de ficheiros. Limpar ou fechar elimina os dados; guarde primeiro os resultados necessários. Grelha: fr de 0,01 a 100, px de 0 a 2000, % de 0 a 100 ou auto; nomes no formato [a-z][a-z0-9_-]{0,19}. De 1 a 8 pistas por eixo (fr, px, % ou auto), espaçamento de 0 a 100 px, até 64 células. Cada área tem de formar um retângulo. O ponto indica uma célula vazia. A pré-visualização corresponde aos elementos exportados. A pré-visualização local é limitada e não garante o mesmo resultado em todos os navegadores e disposições. As entradas não são executadas. Transfira o HTML e o CSS em conjunto. Limite: 8 segundos.
- Exportar o resultado verificado
Transferir resultado; Transferir original
Perguntas e limites
Limites de recursos
Grelha: fr de 0,01 a 100, px de 0 a 2000, % de 0 a 100 ou auto; nomes no formato [a-z][a-z0-9_-]{0,19}. De 1 a 8 pistas por eixo (fr, px, % ou auto), espaçamento de 0 a 100 px, até 64 células. Cada área tem de formar um retângulo. O ponto indica uma célula vazia. A pré-visualização corresponde aos elementos exportados. A pré-visualização local é limitada e não garante o mesmo resultado em todos os navegadores e disposições. As entradas não são executadas. Transfira o HTML e o CSS em conjunto. Limite: 8 segundos.
Design offline
Os dados de entrada ficam neste separador, sem envio ou gravação automática. As contagens agregadas de utilização e os diagnósticos gerais de processamento são opcionais e enviados apenas com consentimento, sem conteúdo nem nomes de ficheiros. Limpar ou fechar elimina os dados; guarde primeiro os resultados necessários.
Verificar antes de utilizar
Adicione colunas e linhas e escolha as unidades, os tamanhos e o espaçamento. Preencha as células com nomes de áreas retangulares repetidos ou com pontos. Clique em Gerar e confirme as posições antes de exportar o HTML e o CSS.