Flexbox 可视化编辑器

可视化调整 Flexbox 布局属性，实时预览效果，一键生成 CSS 代码

容器属性

flex-direction

flex-wrap

justify-content

align-items

align-content

gap (px)

子项数量

数量 (1-6)

预览

1

2

3

4