CSS flex attribute

A flex box can locate the item anywhere you want.

display : flex

block layout, inline layout, table layout, allocating location layout

=> A flex box contents can be located any directions, can be ordered by availability for being modified dynamically, can be adjusted automatically of size and location in the available area.

• flex

flex-grow

flex-shrink

flex-basis

auto

inital

none

inherit

• flex-flow

flex-direction

flex-wrap

initial

inherit

• flex-direction

row

row-reverse

column

column-reverse

initial

inherit

• flex-wrap

nowrap

wrap

wrap-reverse

initial

inherit