←
📦
☀️
🌙
🇹🇷
TR
▼
🇺🇸
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 输出