Generatore flexbox CSS

Prova base, crescita, ritorno a capo e allineamento; esporta HTML/CSS.

  • Funziona nel browser
  • Nessun caricamento
  • Controlla prima di scaricare

Gli input restano in questa scheda e non vengono caricati né salvati automaticamente. I conteggi aggregati di utilizzo e le informazioni diagnostiche generali sono facoltativi e inviati solo con il consenso, senza contenuti né nomi dei file. Svuotare o chiudere elimina gli input; salva prima i risultati necessari.

Limiti delle risorse

Da 1 a 24 elementi; base 0–2000 px, crescita e riduzione 0–20, ordine ±24, spazio 0–100 px. L’anteprima usa la larghezza disponibile. L’ordine visivo non cambia DOM, lettura né tastiera. L’anteprima locale è limitata e non garantisce lo stesso risultato in ogni browser o impaginazione. I dati inseriti non vengono eseguiti. Scarica HTML e CSS insieme. Limite: 8 secondi.

Elementi 1
Elementi 2
Elementi 3

Come si usa

  1. Configura l’esempio

    Scegli direzione, a capo e allineamento; modifica base, crescita, riduzione e ordine. Genera e confronta alla larghezza disponibile. Esporta HTML e CSS insieme.

  2. Verifica prima dell’uso

    Gli input restano in questa scheda e non vengono caricati né salvati automaticamente. I conteggi aggregati di utilizzo e le informazioni diagnostiche generali sono facoltativi e inviati solo con il consenso, senza contenuti né nomi dei file. Svuotare o chiudere elimina gli input; salva prima i risultati necessari. Da 1 a 24 elementi; base 0–2000 px, crescita e riduzione 0–20, ordine ±24, spazio 0–100 px. L’anteprima usa la larghezza disponibile. L’ordine visivo non cambia DOM, lettura né tastiera. L’anteprima locale è limitata e non garantisce lo stesso risultato in ogni browser o impaginazione. I dati inseriti non vengono eseguiti. Scarica HTML e CSS insieme. Limite: 8 secondi.

  3. Esporta il risultato verificato

    Scarica risultato; Scarica originale

Domande e limiti

Limiti delle risorse

Da 1 a 24 elementi; base 0–2000 px, crescita e riduzione 0–20, ordine ±24, spazio 0–100 px. L’anteprima usa la larghezza disponibile. L’ordine visivo non cambia DOM, lettura né tastiera. L’anteprima locale è limitata e non garantisce lo stesso risultato in ogni browser o impaginazione. I dati inseriti non vengono eseguiti. Scarica HTML e CSS insieme. Limite: 8 secondi.

Design offline

Gli input restano in questa scheda e non vengono caricati né salvati automaticamente. I conteggi aggregati di utilizzo e le informazioni diagnostiche generali sono facoltativi e inviati solo con il consenso, senza contenuti né nomi dei file. Svuotare o chiudere elimina gli input; salva prima i risultati necessari.

Verifica prima dell’uso

Scegli direzione, a capo e allineamento; modifica base, crescita, riduzione e ordine. Genera e confronta alla larghezza disponibile. Esporta HTML e CSS insieme.