CSS: Flexbox Layout
CSS: flex-flow
By Xah Lee. Date:
2026-04-30
. Last updated:
2026-06-17
.
flex-flow
flex-flow
is a shorthand for
flex-direction
flex-wrap
.x
{
flex-flow
:
row
wrap
; }
CSS. flex layout
CSS: Flexbox Layout
CSS: flex-direction
CSS: flex-wrap
CSS: flex-flow
CSS: gap, row-gap, column-gap (flex, grid)
CSS: justify-content (flex, grid)
CSS: justify-items (grid)
CSS: align-content (flex, grid)
CSS: align-items (flex, grid)
CSS: align-self (flex, grid ⧇)
CSS: order (flex ⧇)
CSS: flex: flex-grow, flex-shrink, flex-basis ⧇
Web dev Search 🔍
HTML
CSS
JS
JS Obj Ref
JS DOM
CSS tutorial
Basics
Selector
Width
Box Model
Layout
Position
Media Query
Special Values
Cascade
Color
Font
Text
Text Deco
Background
Gradient
Animation, Transform
Misc. Index