🎨 Flex 布局生成器

本工具全程在浏览器本地运行，无需联网，数据不会上传到服务器。

左侧设置容器属性（方向、换行、对齐方式、间距），下方设置每个项目的伸缩属性。
右侧实时预览布局效果，并自动生成 CSS、HTML 或完整代码，支持一键复制或下载。
电脑上可拖拽预览区项目调整顺序，点击右上角 × 删除项目。
点击"添加项目"可新增布局元素，点击"重置"恢复默认三个项目。
所有操作即时响应，手机端同样满屏可用。