Flexbox 에디터
무료 온라인 Flexbox 레이아웃 에디터, 시각적 실시간 미리보기
Flexbox 속성 참고
flex-direction, justify-content, align-items, flex-wrap, gap 등의 Flexbox 속성을 시각적으로 조정할 수 있습니다.
▶justify-content와 align-items의 차이는?
justify-content는 주축을 따른 정렬을 제어합니다. align-items는 교차축을 따른 정렬을 제어합니다.
▶Flexbox로 요소를 중앙 정렬하려면?
부모 요소에 display: flex; justify-content: center; align-items: center;를 설정합니다.