CSS Flexbox / Grid 生成器
可视化调整布局属性，实时预览效果，一键复制生成的 CSS 代码
属性控制
flex-direction
flex-wrap
justify-content
align-items
align-content
gap8px
子元素数量4
1
2
3
4
生成的 CSS
.container {
display: flex;
gap: 8px;
}可视化调整布局属性，实时预览效果，一键复制生成的 CSS 代码
.container {
display: flex;
gap: 8px;
}