본문 바로가기
웹코딩 배우기/· CSS

justify-content 항목 위치

by 닐기 2021. 10. 6.

See the Pen justify-content by nilgi (@nilgi) on CodePen.

 

• justify-content: flex-start; // 기본값. 왼쪽
• justify-content: center; // 가운데
• justify-content: flex-end; // 오른쪽
• justify-content: space-around; // 항목공간 똑같이. 첫항목 왼쪽과 끝항목 오른쪽에 공백 들어감. 항목 기준.
• justify-content: space-between; // 항목사이 공간 똑같이. 첫항목 왼쪽, 끝항목 오른쪽에 공백 없음. 컨테이너 기준.