← 返回工具列表
🌙
Flexbox 可视化编辑器
可视化调整 Flexbox 布局属性，实时预览效果，一键生成 CSS 代码
容器属性
flex-direction
row
row-reverse
column
column-reverse
flex-wrap
nowrap
wrap
wrap-reverse
justify-content
flex-start
flex-end
center
space-between
space-around
space-evenly
align-items
stretch
flex-start
flex-end
center
baseline
align-content
stretch
flex-start
flex-end
center
space-between
space-around
gap (px)
子项数量
数量 (1-6)
预览
复制 CSS
重置
1
2
3
4