CSS · HTML
justify-content 항목 위치
혜원21
2021. 10. 6. 12:12
*
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; // 항목사이 공간 똑같이. 첫항목 왼쪽, 끝항목 오른쪽에 공백 없음. 컨테이너 기준.