Flex 布局可视化编辑器
调整 Flex 容器与项目属性,实时预览布局并生成 CSS 代码。
容器属性
项目属性
布局模板
实时预览
生成的 CSS 代码
Flex 布局编辑器
- 支持 flex-direction、justify-content、align-items、flex-wrap、align-content 等容器属性。
- 可单独或批量调整项目的宽高、order、flex-grow/shrink/basis 与 align-self。
- 提供导航栏、侧边栏、卡片网格、居中布局等模板,一键复制或导出 CSS。