拖拽方框，佈局引擎推斷Flexbox（無AI）

這個名為“Show HN”的項目提供了一個獨特的交互式Flexbox佈局遊樂場。用户可以直接在瀏覽器中拖拽各種方框，通過直觀的操作來理解Flexbox佈局的工作原理。與依賴AI推斷不同，這個工具完全基於手動交互：拖拽空白區域可以多選多個元素，按住Ctrl鍵並單擊可以添加新元素。每個元素組都有一個虛線輪廓，用户可以通過拖拽該輪廓來移動整個組，而角落的拖拽手柄則用於調整大小。要刪除元素，只需雙擊或按Del鍵；右鍵單擊已選中的元素可以觸發對齊操作。該遊樂場實時顯示佈局引擎如何根據用户的操作推斷並應用Flexbox屬性，非常適合前端開發者學習和實驗Flexbox佈局。