CSS Flexbox生成器

可视化生成 CSS Flexbox 布局代码，支持容器和子项属性调节

1
2
3
容器属性
方向
换行
主轴对齐
交叉轴对齐
多行对齐
间距
子项
flex-grow
flex-shrink
flex-basis
子项宽度
子项高度
/* 容器 */ display: flex; gap: 8px;/* 子项默认样式 */
预设：

相关工具

设计工具

☕ 请作者喝杯咖啡

如果这些工具对你有帮助，欢迎赞赏支持～
您的鼓励是我持续更新的最大动力

自愿赠与 ｜ 用于服务器维护 ｜ 不支持退款 ｜ 18岁以上
微信赞赏二维码