CSS浮动重定位转换

dgn*_*nin 4 html javascript css css-float css-transitions

我正在使用这样的东西:http://jsfiddle.net/Hh2Ht/

正如你所看到的,我有一组具有相同宽度但具有不同高度的浮动div.但是,容器具有百分比宽度并且作为连续性,当改变其大小时,浮动div改变其位置.

我想这个位置的变化是动画的,使用css过渡.我可以用绝对定位,一点点javascript来计算定位并将过渡效果绑定到顶部和左边的propierties,但是因为我想要模拟float divs的行为,所以没有绝对定位会很好.

你觉得有可能吗?先感谢您.

Kan*_*hen 5

我真的不确定是否可以像使用纯CSS描述的那样重新定位块.主要是因为某些块必须移动到DOM中的不同位置,这是CSS无法实现的.

你尝试过使用Isotope插件吗?检查他们的网站,也许这就是你要找的东西.

  • 有趣.我也发现了这个http://masonry.desandro.com/我不知道哪个是最好的,但最后一个是麻省理工学院许可,而同位素需要25美元的商业用途(我的情况).只是需要考虑的事情.所有这一切的坏处是我对使用javascript和绝对定位的需要有点失望,至少在所有div具有相同宽度的情况下.在其他情况下,这是可以理解的. (2认同)