可视化拖拽调整 CSS Flexbox 弹性布局参数,直接导出可用代码
这是浏览器端可视化 CSS Flexbox 弹性布局生成工具。解决手写 Flex 参数记不清、效果要反复改代码预览的问题。
它完全基于 W3C 官方 Flex 布局规范,你拖动滑块调整参数,就能实时预览布局效果,无需反复切换编辑器和浏览器。
符合现行 W3C 标准,兼容所有现代浏览器。IE11 及更早旧版浏览器不支持标准 Flex,无法使用。
当前只生成原生 CSS 代码,你可以手动转成驼峰格式的内联样式。
支持,你可以在容器参数中调整 gap 间距值生成对应代码。
当前仅支持统一设置子项目基础参数,不支持单独编辑多个不同子项目参数。