Yongtae Jeon

css. flexbox 아이템들에 대한 정렬 옵션

20180628

justify-content 속성은 아이템들이 진행방향으로 어떻게 정렬되어야 하는지를 지정합니다.

flex-start (default)

1
2
3

flex-end

1
2
3

center

1
2
3

space-between

1
2
3

space-around

1
2
3

align-items 속성은 아이템이 진행방향과 무관한 축에 대해 어떻게 정렬되어야 하는지를 지정합니다.

stretch (default)

1
2

flex-start

1
2

center

1
2

flex-end

1
2