🎯 AI Flexbox Playground
可视化学习 Flexbox 布局 — 实时预览 & 代码生成
容器属性 Container
flex-direction
row
column
row-reverse
column-reverse
flex-wrap
nowrap
wrap
wrap-reverse
justify-content
flex-start
center
flex-end
space-between
space-around
space-evenly
align-items
stretch
flex-start
center
flex-end
baseline
align-content
stretch
flex-start
center
flex-end
space-between
space-around
space-evenly
gap
10px
子元素 Items
+ 添加
实时预览
显示 CSS 代码
📋 复制代码
生成的 CSS 代码