我希望有一个包装器div,其中包含任意数量的子div作为盒子。它们应该从左上角的第一个开始排列,沿着屏幕向下移动直到不再适合它创建一个新列。如果窗口调整大小或框的内容发生变化,我真的希望盒子能够恢复到新的位置。
我似乎无法为此flexbox设置动画,因为我并没有真正使用该标准正确使用:/没有属性正在改变所以我无法添加CSS转换。我按照以下答案说: How to have a smooth repositioning of child elements when resizing a container? 但麻烦的是,一旦其中一个盒子被设置为绝对,它就会失去它在flexbox顺序中的位置,而其余的盒子会重新排列到它们不应该的位置。
我觉得除了flexbox之外的解决方案会更好,但经过几天的观察,我似乎无法找到任何东西。我是否可以使用任何一种解决方案来实现位于动画行中的子元素?