☀️
CSS Flexbox 生成器
可视化创建 CSS Flexbox 弹性布局
子元素数量:
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
normal (默认)
flex-start
flex-end
center
space-between
space-around
stretch
gap
0
8px
16px
24px
32px
复制 CSS
重置
🔗 相关工具
🎨
颜色选择器
📐
宽高比计算器
🌑
阴影生成器
✨
CSS 动画生成器(简版)
💬
文字阴影生成器
🔤
字体配对工具
📏
间距计算器
✂️
裁剪路径生成器
🔄
CSS 变换生成器
➡️
CSS 过渡生成器
🖱️
光标样式生成器
📜
滚动条生成器