↔
Générateur de CSS Flexbox
Direction de test, alignement, distribution, enveloppe et espacement avec un aperçu Flexbox.
1
2
3
4
5
display: flex;
flex-direction: row;
justify-content: center;
align-items: center;
flex-wrap: wrap;
gap: 12px;Comment ça marche
Sélectionnez les propriétés principales de Flexbox. Le conteneur exemple est mis à jour immédiatement et le code CSS est prêt à être copié.
Questions fréquentes
Quelles propriétés puis-je définir ?
Inclut flex-direction, justify-content, align-items, flex-wrap et gap.
Est-ce que cela aide à apprendre Flexbox ?
Oui. L'aperçu vous permet d'observer comment la distribution change lors du changement de chaque propriété.