justify-content

justify-content  

가로 축을 기준으로 좌우에 대한 정렬을 관장 합니다.

속성 나열은 아래와 같습니다.

 

flex-start (default) : 요소들을 컨테이너의 왼쪽으로 정렬

flex-end : 요소들을 컨테이너의 우측으로 정렬

center : 요소들을 컨테이너의 중앙으로 정렬

space-between : 요소들 사이에 동일한 간격을 둡니다.

space-around : 요소들 주위에 동일한 간격을 둡니다.

space-evenly(FireFox Only) : 첫번째로 오는 정렬 대상 전에 두개 의 인접한 정렬 대상 사이의 간격과

마지막 정렬 대상 이후의 간격이 같도록 항목이 분산 됩니다.