CSS Flexbox生成器
可视化CSS Flexbox生成器，实时预览。调整Flex属性，即时获取可用的CSS代码。
常见问题
什么是CSS Flexbox？
CSS Flexbox是一种一维布局方法，用于在行或列中排列项目。它提供了一种高效的方式来对齐、分配空间和排序容器内的元素。
如何使用这个生成器？
使用控件调整flex容器属性（flex-direction、justify-content、align-items、flex-wrap、gap）和项目属性。预览实时更新，CSS代码自动生成。
可以添加或删除flex项目吗？
可以，使用"添加项目"和"删除项目"按钮来更改预览中的flex项目数量。每个项目可以有自己的flex-grow、flex-shrink和flex-basis值。
如何复制生成的CSS？
点击"复制CSS"按钮将生成的CSS代码复制到剪贴板。代码包括容器和项目样式。
