justify-content

• flex 가로방향일 때 사용 가능한 속성들이다.

속성

• flex-start(가로 기본값) 가로든 세로든 시작하는부분부터 방향으로 정렬한다.

• 가로방향 왼쪽 정렬세로방향 위쪽 정렬한다.

• flex-end 가로든 세로든 마무리 부분에 끝쪽에 정렬. 가로방향 오른쪽 정렬 세로방향 아래쪽 정렬한다.

• center 중앙 정렬 가운데로부터 양옆으로 간격이 없도록 설정 따로 마진을 주면 띄울수 있다.

justify-content(가로 방향)에서만 사용할 수 있는 속성

• space-between
• space-around
• space-evenly