📦 Flexbox 可视化工具
1
2
3
+ 添加项目
- 移除项目
📋 复制CSS
容器属性
flex-direction
row
row-reverse
column
column-reverse
flex-wrap
nowrap
wrap
wrap-reverse
justify-content
flex-start
flex-end
center
space-between
space-around
space-evenly
align-items
stretch
flex-start
flex-end
center
baseline
align-content
stretch
flex-start
flex-end
center
space-between
space-around
gap
0
8px
16px
24px
32px
子项属性 (选中项)
选择项目
项目 1
项目 2
项目 3
flex-grow
flex-shrink
order
align-self
auto
flex-start
flex-end
center
stretch
🔗 相关工具
⚙
Cron 表达式解析
🌐
CORS 配置生成器
〰️
缓动函数可视化
🎭
API 响应模拟器
➡
箭头符号生成器
▓
ASCII 艺术
A
ASCII 码表
b64
Base64 编解码
🔑
Basic Auth 生成器
◰
Box Shadow 生成器
🗄️
浏览器存储查看器
⚡
CHANGELOG 生成器