CSS Flexbox Playground 是一个交互式的 CSS Flexbox 学习工具。

用户可以通过调整工具提供的控件来实验不同的 Flexbox 属性，并实时观察这些属性对布局的影响。

工具提供了以下控件供用户调整：

* flex-direction：控制主轴的方向，可以选择 row、column、row-reverse 或 column-reverse。

* justify-content：控制项目在主轴上的对齐方式，可以选择 flex-start、center、flex-end、space-between 或 space-around。

* align-items：控制项目在交叉轴上的对齐方式，可以选择 stretch、flex-start、center、flex-end 或 baseline。

* flex-wrap：控制是否换行，可以选择 nowrap、wrap 或 wrap-reverse。

此外，用户还可以一键复制生成的 CSS 代码，方便应用到自己的项目中。

该工具由 Yoav Sabag 开发，旨在帮助开发者更好地理解和运用 Flexbox 布局。