Warning: file_get_contents(/data/phpspider/zhask/data//catemap/4/unix/3.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 浮动重定位的CSS转换_Javascript_Html_Css_Css Float_Css Transitions - Fatal编程技术网

Javascript 浮动重定位的CSS转换

Javascript 浮动重定位的CSS转换,javascript,html,css,css-float,css-transitions,Javascript,Html,Css,Css Float,Css Transitions,我的工作是这样的: 如你所见,我有一组宽度相同但高度不同的浮动div。但是,容器具有百分比宽度,并且作为一个连续性,当更改其大小时,浮动div将更改其位置 我希望这个位置的改变是动画,使用css转换。我可以用绝对定位来实现这一点,用一点javascript来计算定位,并将转换效果绑定到顶部和左侧的properties,但由于我想精确模拟float div的行为,所以最好不用绝对定位 你认为有可能吗?提前谢谢。我真的不确定是否可以像您使用纯CSS描述的那样重新定位块。这主要是因为一些块必须在DOM

我的工作是这样的:

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

我希望这个位置的改变是动画,使用css转换。我可以用绝对定位来实现这一点,用一点javascript来计算定位,并将转换效果绑定到顶部和左侧的properties,但由于我想精确模拟float div的行为,所以最好不用绝对定位


你认为有可能吗?提前谢谢。

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


你试过使用插件吗?查看他们的网站,也许这就是你要找的。

有趣。我还发现,我不知道哪一个是最好的,但最后一个是麻省理工学院授权的,而同位素需要25美元的商业使用费(我的案例)。只是需要考虑一下。糟糕的是,我对使用javascript和绝对定位的需求有点失望,至少在所有div都具有相同宽度的情况下是这样。在其他情况下,这是可以理解的。仅供参考:同位素使用砖石,所以是一样的。但是同位素还有其他的特征,比如分类、过滤等。同位素和砖石来自同一个令人敬畏的家伙,大卫·德桑德罗,又名Metafizzy。他还有其他的剧本,叫做派克和德拉加比利,它们也依赖于砖石结构。这些脚本的开发涉及并吸引了高知名度的web开发人员,如Paul Irish等,并在web开发社区中广为人知。