CSS Flex 布局生成器

CSS Flex 布局生成器

可视化调整 Flexbox 容器参数，适合导航栏、工具栏、卡片列表与居中布局。预设一键套用，实时预览并输出标准 CSS。

• 16 组布局预设：水平/垂直起点与居中、两端对齐、均匀分布、换行网格、导航栏、反向排列、基线对齐等
• 可调 flex-direction、flex-wrap、justify-content、align-items、gap
• 预览区用彩色色块直观展示主轴与交叉轴对齐效果
• 生成可直接粘贴的 display:flex 样式代码