Aire de jeu Flexbox

Apprendre CSS Flexbox de manière interactive

Flex Direction

Justify Content

Align Items

Align Content

Flex Wrap

Gap (px)

Número de Itens

CSS

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

Propriedades do Container

display: flex

flex-direction: row

justify-content: flex-start

align-items: flex-start

align-content: flex-start

flex-wrap: nowrap

gap: 10px

Continuez à explorer

Outils qui vont bien avec ce que vous utilisez :

Générateur CSS Grid

Créer des mises en page CSS Grid avec aperçu visuel interactif

Générateur d'animation CSS

Créer des animations CSS avec keyframes et aperçu en temps réel

Voir tous les outils

Vous avez aimé cet outil ? Explorez-en d'autres !

Explorer tous les outils