Flexbox CSS 快速生成
精简版 Flexbox 代码生成面板，聚焦最常用的属性组合，三步出码
永久免费本地计算 · 零上传
🔒 全程在浏览器内计算，输入内容不会离开您的设备。
怎么用
- 选择 flex-direction 主轴方向
- 设置 justify-content 和 align-items
- 勾选子项是否 wrap 或 grow
- 复制 CSS 片段
典型场景
做居中布局时快速确认属性组合写法
面试准备时验证 flex 各属性效果
设计还原稿时查找对应 flex 代码
常见问题
和可视化编辑器有何区别？
生成器偏快速出码、无画布拖拽，适合已知组合直接复制。
支持旧版浏览器前缀吗？
可选输出 -webkit-box 等兼容前缀。
能保存常用配置吗？
localStorage 记住上次选项，再次打开即恢复。