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;를 설정합니다.
이 도구가 당신에게 도움이 되었다면, 저에게 커피 한 잔 사주세요.
제게 커피 한 잔 사주세요.