V
Vel·ToolKit
简洁 · 高效 · 即开即用
ZH

Flexbox

Flex 容器与子项实时调参

容器
flex-direction
justify-content
align-items
flex-wrap
gap
8px
子项数
4
预览
1
2
3
4
子项
#1grow 0 · shrink 1 · basis auto · order 0
#2grow 0 · shrink 1 · basis auto · order 0
#3grow 0 · shrink 1 · basis auto · order 0
#4grow 0 · shrink 1 · basis auto · order 0
输出
.container { display: flex; flex-direction: row; justify-content: flex-start; align-items: stretch; flex-wrap: nowrap; gap: 8px; }