CSS: Flexbox Layout
CSS: flex-flow
By Xah Lee. Date:
2026-04-30
. Last updated:
2026-05-01
.
flex-flow
flex-flow
is a shorthand for
flex-direction
flex-wrap
.x9234
{
flex-flow
:
row
wrap
; }
CSS, flex layout
CSS: Flexbox Layout
CSS: flex-direction
CSS: flex-wrap
CSS: flex-flow
CSS: justify-content
CSS: align-items (flex cross axis)
CSS: align-content (flex cross axis)
CSS: gap (flexbox)
CSS: align-self (for flex items)
CSS: order (for flex items)
CSS: flex (flex-grow, flex-shrink, flex-basis)
Web Dev Search 🔍
HTML
CSS
JS
JS Obj Ref
DOM
SVG
CSS
Basics
Basics
Comment Syntax
Length Units
Selectors
Selector
Color
Color
Font
Font
Text Decoration
Text Deco
Margin, Border
Border
Margin, Padding
Layout
Layout
Layers
Position Property
Animation
2D Transform
Transition
Animation
Line Wrap
white-space Wrap
overflow-wrap
Text Justify
CSS Concepts
Computed Style
Box Sizing
Pseudo-Element
Pseudo-Class
Misc
Media Query
Variable
calc
Reset
Dark Theme
Examples
Shrink Wrap
Responsive Table