←
📦
☀️
🌙
🇰🇷
KO
▼
🇺🇸
English
🇸🇦
العربية
🇩🇪
Deutsch
🇪🇸
Español
🇫🇷
Français
🇮🇳
हिन्दी
🇮🇹
Italiano
🇯🇵
日本語
🇰🇷
한국어
🇳🇱
Nederlands
🇳🇴
Norsk
🇵🇱
Polski
🇧🇷
Português
🇷🇺
Русский
🇸🇪
Svenska
🇹🇭
ไทย
🇹🇷
Türkçe
🇨🇳
中文
←
📦
CSS Flexbox Generator
☆
?
×
📦
CSS Flexbox Generator
☆
Add to favorites
인터랙티브 빌더로 CSS Flexbox 레이아웃을 시각적으로 생성합니다. 정렬, 방향 및 래핑을 조정할 수 있습니다. CSS를 직접 작성하지 않고 반응형 레이아웃을 만드세요.
flex-direction
row
row-reverse
column
column-reverse
justify-content
flex-start
flex-end
center
space-between
space-around
space-evenly
align-items
stretch
flex-start
flex-end
center
baseline
flex-wrap
nowrap
wrap
wrap-reverse
gap:
10
px
Item Count:
4
복사 CSS
CSS 출력