Flexbox 可视化编辑器
可视化调整 Flexbox 布局属性，实时预览并生成 CSS， localStorage。
快速高效
简单易用
安全隐私
使用说明
调整 Flex 容器参数，实时预览布局并生成 CSS 代码；参数自动保存到 localStorage。
- 修改 direction、wrap、justify-content、align-items 等选项观察预览变化。
- 点击「复制 CSS」复制 .container 与 .item 样式。
- 移动端建议配合 wrap 与子项宽度，避免溢出。
数据均在浏览器本地处理，不会上传到服务器。