Playground CSS flexbox
Esplora visivamente allineamento, wrapping e spaziatura.
Come usare Playground CSS flexbox
- Inserisci i valori richiesti nel pannello delle impostazioni.
- Regola le impostazioni di base, poi apri la modalità avanzata per le opzioni di esportazione e ottimizzazione. Le impostazioni personalizzate restano attive quando il pannello è chiuso.
- Esegui Playground CSS flexbox, esamina il risultato, poi usa i controlli disponibili per copiare o scaricare.
Cosa supporta questo strumento
Esplora visivamente allineamento, wrapping e spaziatura.
- Direzione
- row · column · row-reverse · column-reverse
- Giustifica contenuto
- flex-start · center · flex-end · space-between · space-around · space-evenly
- Allinea elementi
- stretch · flex-start · center · flex-end
- A capo
- wrap · nowrap
- Gap (px)
- Range: 0 to 100
- Elementi
- Range: 1 to 30
Limiti ed elaborazione
Le immagini usano il limite esistente della canvas di 32 megapixel. Dove supportato sono consentite fino a 100 immagini di origine. L'HTML incollato è limitato a 200.000 caratteri; i diagrammi Mermaid a 20.000 caratteri e 300 righe. La generazione di SVG e PNG richiede un browser.
Domande frequenti
Che cosa fa Playground CSS flexbox?
Esplora visivamente allineamento, wrapping e spaziatura.
Dove viene elaborato il mio input?
Questa operazione elabora i dati di origine nel tuo browser. Copia e download sono azioni esplicite; l'input di origine non viene salvato in un account né in una cronologia.
Quali sono i limiti di input?
Le immagini usano il limite esistente della canvas di 32 megapixel. Dove supportato sono consentite fino a 100 immagini di origine. L'HTML incollato è limitato a 200.000 caratteri; i diagrammi Mermaid a 20.000 caratteri e 300 righe. La generazione di SVG e PNG richiede un browser.