Sources
Propriétés du parent (couleur violet #88499C )display: flex; / or inline-flex /
déclaration obligatoire qui crée le parent flexbox direction principaleflex-wrapflex-flow = flex-direction + flex-wrap
justify-content (axe principal)align-items : alignement relatif à une lignealign-content: alignement entre plusieurs lignes | Propriétés des enfants (couleur orange #E77F24 )item : align-self ( individuels / items)order: modifier l'ordre.flex: raccourci grow + shrink + basis
il est recommandé d'utiliser ce raccourci plutôt que les valeurs séparément. flex-grow: répartition de l'espaceUtiliser la propriété margin:auto pour centrer
Il est possible de positionner un élément en bas de son conteneur à l’aide d’un : margin-top: auto, ou mieux : centrer à la fois horizontalement et verticalement via un simple : margin: auto. /* paragraphe centré horizontalement et verticalement */ .container { display: flex; } .container > p { margin: auto; } |
Cheatography
https://cheatography.com
Flex Anti-sèche 2018 Cheat Sheet by Phil35
How's Your Readability?
Cheatography is sponsored by Readable.com. Check out Readable to make your content and copy more engaging and support Cheatography!
Created By
Metadata
Favourited By
Comments
No comments yet. Add yours below!
Add a Comment
Related Cheat Sheets