CSS3のflexboxを使ったサンプルその1

CSS3のflexboxを使ったサンプル

横に並べる

1

2

3

4

縦に並べる

1

2

3

4

各要素の幅を変える

1

2

3

4

各要素の高さを変える

1

2

3

4

順番を入れ換える

逆順に配置する (横)

1

2

3

4

逆順に配置する (縦)

1

2

3

4

3つ目の要素を最初に移動する (横)

1

2

3

4

2つ目の要素を最後に移動する (縦)

1

2

3

4