Créateur de flexbox CSS

Testez base, croissance, retour à la ligne et alignement ; exportez HTML/CSS.

  • Fonctionne dans votre navigateur
  • Aucun envoi
  • Vérifiez avant de télécharger

Les entrées restent dans cet onglet, sans envoi ni sauvegarde automatique. Les statistiques agrégées d’utilisation et les diagnostics généraux de traitement sont facultatifs et envoyés uniquement avec votre consentement, sans contenu ni nom de fichier. Effacer ou fermer supprime les entrées ; enregistrez les résultats utiles avant de partir.

Limites de ressources

1 à 24 éléments ; base de 0 à 2 000 px, croissance et réduction de 0 à 20, ordre de ±24, espacement de 0 à 100 px. L’aperçu utilise la largeur disponible. L’ordre visuel ne change ni le DOM, ni l’ordre de lecture, ni la navigation au clavier. Aperçu local limité, sans garantie sur tous les navigateurs ni toutes les mises en page. Les saisies ne sont pas exécutées. Téléchargez le HTML et le CSS ensemble. Délai : 8 secondes.

Éléments 1
Éléments 2
Éléments 3

Mode d’emploi

  1. Configurer l’exemple

    Choisissez direction, retour et alignement ; modifiez base, croissance, réduction et ordre. Générez et comparez à la largeur disponible. Exportez HTML et CSS ensemble.

  2. Vérifier avant utilisation

    Les entrées restent dans cet onglet, sans envoi ni sauvegarde automatique. Les statistiques agrégées d’utilisation et les diagnostics généraux de traitement sont facultatifs et envoyés uniquement avec votre consentement, sans contenu ni nom de fichier. Effacer ou fermer supprime les entrées ; enregistrez les résultats utiles avant de partir. 1 à 24 éléments ; base de 0 à 2 000 px, croissance et réduction de 0 à 20, ordre de ±24, espacement de 0 à 100 px. L’aperçu utilise la largeur disponible. L’ordre visuel ne change ni le DOM, ni l’ordre de lecture, ni la navigation au clavier. Aperçu local limité, sans garantie sur tous les navigateurs ni toutes les mises en page. Les saisies ne sont pas exécutées. Téléchargez le HTML et le CSS ensemble. Délai : 8 secondes.

  3. Exporter le résultat vérifié

    Télécharger le résultat; Télécharger l’original

Questions et limites

Limites de ressources

1 à 24 éléments ; base de 0 à 2 000 px, croissance et réduction de 0 à 20, ordre de ±24, espacement de 0 à 100 px. L’aperçu utilise la largeur disponible. L’ordre visuel ne change ni le DOM, ni l’ordre de lecture, ni la navigation au clavier. Aperçu local limité, sans garantie sur tous les navigateurs ni toutes les mises en page. Les saisies ne sont pas exécutées. Téléchargez le HTML et le CSS ensemble. Délai : 8 secondes.

Conception hors ligne

Les entrées restent dans cet onglet, sans envoi ni sauvegarde automatique. Les statistiques agrégées d’utilisation et les diagnostics généraux de traitement sont facultatifs et envoyés uniquement avec votre consentement, sans contenu ni nom de fichier. Effacer ou fermer supprime les entrées ; enregistrez les résultats utiles avant de partir.

Vérifier avant utilisation

Choisissez direction, retour et alignement ; modifiez base, croissance, réduction et ordre. Générez et comparez à la largeur disponible. Exportez HTML et CSS ensemble.