FLEXBOX AXIS

Flexbox 축과 속성 지도

Flexbox는 주축과 교차축을 기준으로 아이템의 방향, 간격, 정렬을 제어한다.

display:flex부모를 flex 컨테이너로 설정
flex-direction주축 방향 선택
justify-content주축 정렬
align-items교차축 정렬
gap아이템 사이 간격
flex-wrap줄바꿈 허용
  1. 01Container
  2. 02Main Axis
  3. 03Cross Axis
  4. 04Items