.png)
Illustre la différence entreflex et inline-flex
Item 1
Item 2
Item 1 Item 2
👉 En résumé
| Propriété | flex | inline-flex |
|---|---|---|
| Type d’élément | Bloc (block) |
En ligne (inline) |
| Comportement | Prend toute la largeur | Prend juste la taille de son contenu |
| Utilisation typique | Layout principal, sections | Petits composants (ex : badges, boutons) |
Un. Maecenas faucibus...
Deux. Fusce dapibus, tellus...
Trois. Duis mollis, est non...
Quatre. Nulla vitae elit libero...
#conteneur1 { display: flex; width: 800px; border: 1px solid #000; } p { margin: 0; } .p1 { background-color: antiquewhite; } .p2 { background-color: azure; } .p3 { background-color: cornsilk; } .p4 { background-color: burlywood; }
