flexbox1 CSS Flexbox 정리: align-items, justify-content 헷갈림 끝내기 CSS Flexbox 완전정복: align-items, justify-content 차이와 사용법CSS 레이아웃을 구성할 때 가장 많이 사용되는 도구가 Flexbox입니다. 하지만 align-items, justify-content는 매번 헷갈리기 쉬운 대표 속성이죠. 이 글에서는 Flexbox의 핵심 개념을 이미지와 함께 정리하고, 개발자가 직관적으로 이해할 수 있도록 설명합니다.1. display: flex의 기본먼저 부모 요소에 display: flex를 설정하면, 자식 요소들은 flexbox 규칙에 따라 정렬되기 시작합니다.display: flex;2. flex-direction (주축 설정)row: 가로 정렬 (기본값)column: 세로 정렬flex-direction: row;3. justify.. 2025. 4. 1. 이전 1 다음
