将网格项目设置为新位置

Question

我在网格中有一组大小相等的浮动项目。 现在我通过jquery .after（）插入另一个更大的项目，它占用了容器的整个宽度，因此需要它自己的行。

插入项目后面的项目需要重新定位并移动到下一行。

我想动画这个动作。

现在我知道有很多插件像同位素，mixitUp或砌体这样的东西，但我觉得他们会因为那些简单的事情而过度杀戮。

Answer 1

您可以使用css或jQuery为新框的宽度设置动画，使其从0滑动到100％。较小的盒子不会浮动到它们各自的位置，它们会被推到右边然后弹出到下一行，但它很容易并且可能运行得很好。