flex-direction

flex된 요소들의 방향 설정- 부모요소(container )에 주는 속성

flex-direction:[row],[row-reverse],[column],[column-reverse]

flex-direction은 자식요소는 그대로 있고 부모의 주축 방향이 바뀐다고 생각하면 된다(화살표- 주축)

flex 주기 전

부모요소인 div 에 display:flex 설정. 자식요소의 길이가 부모요소의 길이만큼 늘어난다.(stretch)

 

flex-direction:row[기본값]

flex-direction:row-reverse

flex-direction:column;

flex-direction:column-reverse;