可视化调节 CSS Flexbox 属性,实时预览生成对应代码
这是可视化生成 CSS Flexbox 布局代码的工具,帮你不用背属性参数,靠拖拽滑动就能得到正确布局代码。省去反复调试属性值、刷新页面看效果的时间。
它完全遵循 W3C 官方 Flexbox 语法标准,所有你常用的主轴对齐、交叉轴对齐、换行方向属性都支持,生成的代码直接可以复制进项目使用。
暂不生成。主流现代浏览器已原生支持标准 Flexbox 语法,无需额外前缀。
当前版本只支持容器属性的生成,暂不支持单个子元素属性配置。
可以直接复制使用,生成代码完全符合 CSS 官方语法规范。
最多支持添加 12 个预览子元素,满足绝大多数场景调试需求。