자식 요소들 설정

자식 요소들의 방향 설정

flex-direction: row(기본값);

 

1. 자식 요소들 가로 정렬

     display : flex;

     flex-direction : row;

2. 자식 요소들 세로 정렬

    display:flex;

    flex-direction : column;

 

 

 

정렬된 자식 요소들의 여백 설정

수평 방향 : justify-contnet : flex-start(기본값);

수직방향 : align-items