MagicKit.ai

Flexbox生成器

可视化创建CSS flexbox布局。设置flex-direction、justify-content、align-items、gap、wrap等。实时预览并复制CSS代码。

容器属性

10px
5
display: flex;
flex-direction: row;
justify-content: flex-start;
align-items: stretch;
flex-wrap: nowrap;
gap: 10px;
1
2
3
4
5

相关工具

🔒 即时结果，比AI更快。无需注册。100%隐私保护。