試し 段組みカラム Flexbox

flex-direction: row

1
2
3

flex-direction: column

1
2
3

flex-direction: row-reverse

1
2
3

flex-direction: column-reverse

1
2
3

flex-wrap: nowrap

1
2
3
4
5
6
7
8
9
10

flex-wrap: wrap

1
2
3
4
5
6
7
8
9
10

flex-wrap: nowrap-reverse (この値はない)

1
2
3
4
5
6
7
8
9
10

flex-wrap: wrap-reverse

1
2
3
4
5
6
7
8
9
10

justify-content: flex-start

1
2
3
4

justify-content: flex-end

1
2
3
4

Text