跳到主要内容
OpenTools
Hub
工具中心
分类
提示词库
第三方工具
问题反馈
登录
正在加载页面内容
工具中心
/
开发者工具
/
CSS Flexbox 生成器
本地
收藏
CSS Flexbox 生成器
调整 flex 方向、对齐、换行与间距，实时预览并生成代码。
Flex 参数
方向
主轴对齐
交叉轴对齐
换行
间距 gap（px）
项目数量
恢复默认
预览
Item 1
Item 2
Item 3
Item 4
Item 5
预览会随参数实时更新；下方代码由执行器生成，可一键复制。
生成的 CSS
复制 CSS
生成的 flex 容器样式会显示在这里
方向
row
间距
8px
项目
5
换行
nowrap