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 (flex, grid)
CSS: align-content (flex, grid)
CSS: align-items (flex, grid)
CSS: align-self (flex, grid)
CSS: order (for flex items)
CSS: flex: flex-grow, flex-shrink, flex-basis
Webdev Search 🔍
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