Generatore CSS Grid
Errore: Usare risultati fuori dall’ambito descritto.
Soluzione: Crea una griglia CSS a colonne uguali e adatta il codice alla pagina.
Archivio · Gratis
Generatore CSS Grid
Crea un’anteprima della griglia e CSS da colonne, righe e spaziatura.
Questo strumento è archiviato. Ricontrolla il metodo e i dati datati prima di usarlo.
01Inserisci i valori
Funziona nel browserFunziona offline nel browser. Dopo il caricamento della pagina e dei file necessari, l’elaborazione non richiede Internet.
02Generatore CSS Grid
Funziona nel browser
Come funziona
Crea un’anteprima della griglia e CSS da colonne, righe e spaziatura.
Funziona nel browser
I tuoi dati restano tuoi
I dati vengono elaborati su questa pagina e non vengono inviati a un server.
Informazioni sullo strumento
Usa lo strumento ↑Crea un’anteprima della griglia e CSS da colonne, righe e spaziatura.
Crea una griglia CSS a colonne uguali e adatta il codice alla pagina.
- Inserisci i valori
- Colonne
- Righe
- Spazio
- Metodo di calcolo
Crea un’anteprima della griglia e CSS da colonne, righe e spaziatura.
- Scenario di esempio · Risultato
display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); grid-template-rows: repeat(2, minmax(80px, auto)); gap: 16px;
Metodo di calcolo
- Crea una griglia CSS a colonne uguali e adatta il codice alla pagina.
Generatore CSS Grid
- Colonne
- 3
- Righe
- 2
- Spazio
- 16 px
Risultato
display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); grid-template-rows: repeat(2, minmax(80px, auto)); gap: 16px;
Domande frequenti
Come interpretare il risultato?
Crea una griglia CSS a colonne uguali e adatta il codice alla pagina.
Dove vanno i miei dati?
I calcoli avvengono sul dispositivo. I dati non vengono inviati a un server.
Termini e definizioni
Inserisci i valori
- Colonne
Crea una griglia CSS a colonne uguali e adatta il codice alla pagina.
Inserisci un intero, senza frazioni.
Minimo: 1 · Massimo: 12
- Righe
Inserisci un intero, senza frazioni.
Minimo: 1 · Massimo: 12
- Spazio
Inserisci il valore numerico della grandezza. Usa l’unità indicata accanto al campo. px
Minimo: 0 · Massimo: 100 px
Risultato
- Risultato
Crea una griglia CSS a colonne uguali e adatta il codice alla pagina.
Calcolato dai tuoi dati secondo il metodo seguente.
Errori comuni e soluzioni
Limiti e ipotesi
- Crea una griglia CSS a colonne uguali e adatta il codice alla pagina.
- I risultati possono essere arrotondati; ciò non aumenta la precisione della misura.