CSS flex-flow uygulama

CSS flex-flow

#flexkutu {
    width:300px;
    height: 300px;
    border:1px solid #000;
    display: flex;   
    flex-flow: row nowrap;
}

CSS flex-flow değerleri

row nowrap

row-reverse nowrap

column nowrap

column-reverse nowrap

row wrap

row-reverse wrap

column wrap

column-reverse wrap

row wrap-reverse

row-reverse wrap-reverse

column wrap-reverse

column-reverse wrap-reverse

initial

Sonuç Ekranı

1

2

3

4

5

6

Sonuçları görmek için değerlerin üzerine geliniz.

HtmlveCSSEğitimi.blogspot.com