Playground CSS Flexbox

Apprenez CSS Flexbox avec un playground interactif. Ajustez les propriétés visuellement, voyez les résultats instantanés et copiez le code CSS généré. Outil gratuit en ligne pour les développeurs.

Préréglages:

Propriétés du Conteneur

Direction

Retour à la ligne

Justification

Alignement des Éléments

Alignement du Contenu

Espacement

16px

Éléments

Aperçu

1 Item 1

2 Item 2

3 Item 3

4 Item 4

5 Item 5

CSS Généré

.container {
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  justify-content: flex-start;
  align-items: stretch;
  align-content: stretch;
  gap: 16px;
}