javascript - float 重定位的 CSS 过渡

标签 javascript html css css-float css-transitions

我正在处理这样的事情:http://jsfiddle.net/Hh2Ht/

如您所见,我有一组宽度相同但高度不同的 float div。但是,容器具有百分比宽度,因此,当更改其大小时, float div 会更改其位置。

我希望这种位置变化是动画的,使用 css 过渡。我可以通过绝对定位来做到这一点,一点点 javascript 来计算定位并将过渡效果绑定(bind)到顶部和左侧属性,但是因为我想准确地模拟 float div 的行为,所以如果没有绝对定位就更好了。

你觉得有可能吗?提前谢谢你。

最佳答案

我真的不确定是否可以像您用纯 CSS 描述的那样重新定位 block 。这主要是因为某些 block 必须移动到 DOM 中的不同位置,而这对于 CSS 是不可能的。

您是否尝试过使用 Isotope插入?查看他们的网站,也许这就是您要找的。

关于javascript - float 重定位的 CSS 过渡,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/10580281/

相关文章:

javascript - 加载内容然后加载相应的图像?

javascript - 分析器未在音频传入时更新 Canvas 绘制速度

javascript - IE 8 在没有 jQuery 的情况下按下 Tab 键后聚焦 div

html - 如何使框阴影可点击

javascript - Laravel 分页将问题与设计联系起来

html - 如何创建边框图像?

javascript - 将两个数组组合成 JSON 中的一个对象

Javascript 将所有 input.value 替换为 '*',就像输入密码一样

javascript - 使用 JavaScript 淡出 Mp3 歌曲

javascript - Firefox 3.5 和 IE8 中的 getAttribute 无法正常工作