Aller au contenu principal
忆云竹

Générateur CSS Flexbox

Testez direction, retour à la ligne, répartition et alignement pour obtenir le CSS et le HTML correspondants.

flex-direction
flex-wrap

Aperçu

Format de sortie

    
Tout est traité dans ce navigateur, sans envoi ni enregistrement.

À propos de cet outil

Testez direction, retour à la ligne, répartition et alignement pour obtenir le CSS et le HTML correspondants.

Mode d’emploi

Réglez les propriétés Flex, le nombre d’éléments et l’espacement. Faites varier la largeur pour observer les retours à la ligne, puis exportez CSS et HTML.

L’aperçu utilise les propriétés du code produit. Les éléments partent d’une base de 100 px et d’une hauteur minimale de 80 px. Jusqu’à 48 éléments, espacement de 0 à 80 px. La largeur d’aperçu n’est pas exportée.

Commentaires

0
pour participer à la discussion.
Aucun commentaire pour le moment.
Fil de réponses

Suivez l’ensemble de la conversation dans l’ordre chronologique ; chaque réponse indique précisément le message auquel elle répond.