マージン auto

justify-content

flex-start

A
B
C

flex-end

A
B
C

center

A
B
C

space-between

A
B
C

space-around

A
B
C

align-items

stretch

A
B
C
D

flex-start

A
B
C
D

flex-end

A
B
C
D

center

A
B
C
D

baseline

A
B
C
D

align-self

auto

A
B
C
D

flex-start

A
B
C
D

flex-end

A
B
C
D

center

A
B
C
D

baseline

A
B
C
D

stretch

A
B
C
D

align-content

stretch

A
B
C
D
E
F

flex-start

A
B
C
D
E
F

flex-end

A
B
C
D
E
F

center

A
B
C
D
E
F

space-between

A
B
C
D
E
F

space-around

A
B
C
D
E
F