justify-content

jutify-content의 기능은 레이아웃을 배치할 때 자식요소를 정렬하는 속성 justify-content: flex-start, flex-end, center, space-between, space-around, space-evenly가 있다. 기본축 정렬 flex-start - 자식 요소를 시작 방향으로 정렬 flex-end - 자식 요소를 종료 방향으로 정렬 center - 자식 요소를 가운데로 정렬 space-between - 자식 요소들의 좌우 사이 여백만 균일하게 배분, 정렬 space-around - 자식 요소들의 여백을 균일하게 배분 정렬 space-evenly - 자식 요소들의 여백을 양끝까지 균일 배분 정렬 반대축 정렬 align-content 혹은 align-items : flex-start - 자식 요소를 시작 방향으로 정렬 : flex-end - 자식 요소를 종료 방향으로 정렬 : center - 자식 요소를 가운데 방향으로 정렬 : space-betwee...

원문링크 : justify-content