javascript - 即使在调整大小后如何在 flexbox 容器中排列项目？

Question

我有以下我正在为我的网络项目尝试的笔。

Source Code: https://codepen.io/RichardRodjues/pen/oNbEaVy

基本上，flexbox 内的项目必须是可拖动的和可调整大小的，并且不应在 flex 容器内相互重叠。flex 容器中的项目可以拖动来切换位置。但是，一旦调整大小，项目似乎会失去其在 flex 容器中的位置。我试图四处寻找解决方案，但没有成功。我期待您在知识方面获得任何帮助。先感谢您！

遇到的问题截图：

标签： javascripthtmljquerycssflexbox