跳到主要内容
大鲸鱼

Flex布局编辑器

通过直观界面调整 Flex 容器和项目属性,实时预览并生成 CSS。

Flex 布局可视化编辑器

调整 Flex 容器与项目属性,实时预览布局并生成 CSS 代码。

容器属性

项目属性

布局模板

实时预览

生成的 CSS 代码


                            

Flex 布局编辑器

  • 支持 flex-direction、justify-content、align-items、flex-wrap、align-content 等容器属性。
  • 可单独或批量调整项目的宽高、order、flex-grow/shrink/basis 与 align-self。
  • 提供导航栏、侧边栏、卡片网格、居中布局等模板,一键复制或导出 CSS。
有问题点击我留言

意见反馈

问题类型