flex-flow, justify-content 으로 플렉스아이템 배치하기

속성명	속성값	적용 요소
flex-flow	[flex-direction] [flex-wrap]	플렉서블 박스

flex-flow 는 [flex-direction] [flex-wrap] 값 두가지를 같이 적어줍니다. 두 속성값 사이에 꼭 한칸을 띄워주셔야해요.

---

justify-content

 

검정 : 여백

A, B, C : 컨텐츠

---

: flex-start

: flex-end

: center

: space-between

: space-around

각각의 속성값을 넣었을 때의 예시 입니다.