我很欣赏我能够尝试并看到＆＃34;但我更倾向于在这里谨慎行事，并且询问是否有人事先有过这方面的经验，或者知道会允许答案;）
我正在处理一个在类似画布的容器中包含许多元素（大约800个）的功能。所有这些都是<div>元素，background-image。它们将与网格对齐。
我有一些关于整洁动画的想法，当其中一些元素被添加或删除时会将transition元素添加到新位置 - 这将涉及position:absolute并设置left和{ {1}}恰当。
我想知道浏览器处理这种事情有多好，或者如果我最好只使用top并让它们像往常一样流动 - 尽管如此，没有整齐的过渡。 / p>
简而言之，我只是想知道是否使用display:inline-block，即。从文档流中删除元素对于浏览器在更新时的处理过多，而不是简单地允许元素存在于文档流中。
这有意义吗？我觉得我正在写这个可怕的XD
答案 0 :(得分：0)
如果所有元素都具有相同的高度，那么我只使用display：inline-block或float：left，它们将很好地融合在一起。
如果元素具有不同的高度，当浮动或显示为内联块时，它们将不会完全“排成一行”。
对于后者，使用诸如Masonry之类的jquery插件将是一个明智的解决方案。砌体使用您的问题所指的绝对定位，而不是，浏览器“处理”并不是太多。
当然，如果您的div具有相同的高度，您仍然可以使用砌体。
如果没有像Masonry这样的脚本解决方案，我怀疑在800个元素上使用绝对定位来实现您想要的结果是个好主意。