CSS Flexbox / Grid 生成器

可视化调整布局属性，实时预览效果，一键复制生成的 CSS 代码

flex-direction

flex-wrap

justify-content

align-items

align-content

gap8px

子元素数量4

生成的 CSS

.container {
  display: flex;
  gap: 8px;
}