Générateur CSS Flexbox
Construire des mises en page flex visuellement.
Recettes de mise en page (10 préréglages)
Paramètres enfant sélectionnés
Essayez aussi : Générateur CSS Grid · Générateur de dégradé CSS · Générateur d'ombre de boîte CSS.
Construire une mise en page flex visuellement
Choisissez une recette ou ajustez les contrôles — l’aperçu se met à jour en direct. Copiez la règle .container dans votre feuille de style.
FAQ
Que génère-t-il ?
Une règle flex .container prête à copier, avec direction, alignement, retour à la ligne et gap, ainsi qu’un aperçu en direct avec un nombre d’éléments enfants réglable.
Que sont les recettes de mise en page ?
Dix préréglages en un clic : barre de navigation, section hero centrée, rangée de cartes, structure avec barre latérale, pile verticale, barre de pied de page et plus — des modèles courants que les développeurs collent chaque jour.
Quelque chose est-il téléchargé ?
Non. Le CSS est entièrement généré dans votre navigateur.
Dernière mise à jour: