拖拽方框，布局引擎推断Flexbox（无AI）
一个交互式Flexbox布局游乐场，用户可以通过拖拽、多选、调整大小等操作，观察布局引擎实时推断Flexbox属性。无需AI，纯手动交互。
这个名为“Show HN”的项目提供了一个独特的交互式Flexbox布局游乐场。用户可以直接在浏览器中拖拽各种方框，通过直观的操作来理解Flexbox布局的工作原理。与依赖AI推断不同，这个工具完全基于手动交互：拖拽空白区域可以多选多个元素，按住Ctrl键并单击可以添加新元素。每个元素组都有一个虚线轮廓，用户可以通过拖拽该轮廓来移动整个组，而角落的拖拽手柄则用于调整大小。要删除元素，只需双击或按Del键；右键单击已选中的元素可以触发对齐操作。该游乐场实时显示布局引擎如何根据用户的操作推断并应用Flexbox属性，非常适合前端开发者学习和实验Flexbox布局。