CSS Flexbox 生成器

关于这个工具

可视化地搭建一个 CSS flex 容器。用下拉框改 flex-direction、justify-content、align-items 和 flex-wrap，拖动间距滑块，增减预览子项——实时预览会立即重新排列，让你在改样式表之前就看清每个属性的效果。是快速建立主轴 / 交叉轴对齐属性直觉的好方法。

生成的 CSS 随调随变，展示完整的 display:flex 规则，可直接粘贴进项目，支持一键复制。保持默认值的属性也会一并列出，让规则自成一体。全部在浏览器本地运行，不上传。

相关工具

CSS Gradient GeneratorBox Shadow GeneratorColor Converter