容器属性
子元素属性
实时预览
CSS 代码
常见问题 FAQ
Flexbox布局生成器怎么用？
调整左侧控制面板的Flex属性，右侧实时预览布局效果，底部自动生成CSS代码，点击复制即可使用。
支持哪些Flex属性？
容器属性：display、flex-direction、flex-wrap、justify-content、align-items、align-content、gap。子元素属性：flex-grow、flex-shrink、flex-basis、align-self、order。
生成的CSS代码可以直接用吗？
可以。生成的CSS代码包含所有设置的Flex属性，复制后直接粘贴到项目中即可使用，无需手动修改。
数据会上传到服务器吗？
不会。所有布局预览和代码生成都在浏览器本地完成，不上传任何数据。
Flexbox和Grid有什么区别？
Flexbox是一维布局（行或列），适合组件内部排列；Grid是二维布局（行和列），适合页面整体布局。两者可以配合使用。