← 返回工具列表
☀️
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
重置