可视化调整 Flexbox 参数,实时预览生成可用 CSS 代码
这是浏览器端的 CSS Flexbox 布局可视化调整工具。解决手写 Flexbox 属性记不准参数,需要反复改代码试效果的问题。
完全遵循 CSS 官方 Flexbox 布局规范,支持 flex-direction、justify-content、align-items 等全部核心属性调整。
当前只支持生成 Flex 容器的核心属性,不支持子元素属性调整。
生成的代码是标准 W3C 语法,现代浏览器都可直接使用。
支持自定义容器宽高、子元素个数和单个子元素尺寸。
所有属性名称和枚举值都完全遵循 CSS 官方标准。