🛠️ToolsShed

CSS Flexbox生成器

通过实时预览可视化生成CSS Flexbox布局。配置flex-direction、wrap、justify-content、align-items和gap。

实时预览

1
2
3
4

生成的CSS

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

常见问题

Comments & Feedback

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