🛠️ToolsShed

Flexbox生成器

使用可视化编辑器和实时预览生成CSS flexbox布局代码。

预览

1
2
3

项目

项目 1
grow
shrink
basis
项目 2
grow
shrink
basis
项目 3
grow
shrink
basis

CSS输出

.container {
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  justify-content: flex-start;
  align-items: stretch;
  gap: 8px;
}

常见问题

Comments & Feedback

Comments are powered by Giscus. Sign in with GitHub to leave a comment.