flex-direction

flex-direction

.father {
  display: flex;
  flex-direction: row;
}

 

부모 요소에 display: flex; 속성을 지정한 경우 자식 요소의 위치를 결정 짓는 주요 축을 결정할 수 있다. x축 또는 y축을 지정할 수 있는데 기본축은 x축이다. flex-direction row; column을 값으로 지정할 경우 자식 요소를 y축을 기준으로 배치한다.