CSS Flex 레이아웃 생성기

CSS Flex 레이아웃 생성기

Flexbox 컨테이너를 시각적으로 조절합니다. 프리셋·실시간 미리보기·CSS 복사를 지원합니다.

• 16개 프리셋: row/column, center, space-between/evenly, wrap, navbar, reverse, baseline 등
• flex-direction, flex-wrap, justify-content, align-items, gap 조절
• 색상 아이템으로 주축·교차축 정렬을 직관적으로 확인
• 바로 붙여넣을 수 있는 display:flex CSS 출력