我正在尝试制作更好的网格/列表容器。我将在容器中显示一堆对象，我想在列表视图（每个项目占用宽度的100％，例如70px高度）或网格视图（其中每个项目占100％）中查看它们例如占用100像素的宽度和100像素的高度）。我也将它们全部设置为display: inline-block，因为它们会自动正确定位自己（假设容器div的宽度与一个列表项的宽度相同）。
我想在它们之间进行平滑过渡，所以我做了一个fiddle to experiment.，这在为每个div设置大小变化的动画方面做得很好，但是每当一行对象也发生高度变化时，就会出现震撼的高度过渡对于当前行来说太大或太小，并添加/删除对象。我的问题是；有没有简单的方法可以将对象设置为最终位置的动画？例如，位于列表视图底部的第六个对象将在网格视图中重新定位到容器的右下角。