Please enable JavaScript.
Coggle requires JavaScript to display documents.
flexbox - Coggle Diagram
flexbox
container (parent)
display
flex
inline-flex
flex-direction
row (default)
column
column-reverse
row-reverse
flex-wrap
nowrap(default)
wrap
wrap-reverse
flex-flow
shorthand => flex-direction flex-wrap; (ex => flex-flow: row wrap;)
justify-content
flex-start (default)
center
flex-end
space-around
space-betwspace-evenlyeen
align-items
normal (default)
center
flex-start
flex-end
stretch
baseline
align-content
stretch (default)
center
space-around
space-between
space-evenly
flex-start
start-end
items (childs)