Flex-direcrion

Flex-direction и оси

Две оси - основная горизонтальная row, основная вертикальная column и поперечная.

У основной оси направление может меняться на row-reverse и column-reverse

Поперечная ось всегда под углом 90 градусов к основной, но направление на противоположное не изменяется:

поперечная ось при row и row-reverse направлена сверху вниз
поперечная ось при column и column-reverse направлена слева направо

row

1

2

3

4

5

6
row-reverse

1

2

3

4

5

6
column

1

2

3

4

5

6
column-reverse

1

2

3

4

5

6
column width:100px

1

2

3

4

5

6
column-reverse width:100px

1

2

3

4

5

6

back next