Warning: file_get_contents(/data/phpspider/zhask/data//catemap/6/haskell/9.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
Html webkit在调整大小时浮动闪烁_Html_Css_Webkit_Css Float_Flicker - Fatal编程技术网

Html webkit在调整大小时浮动闪烁

Html webkit在调整大小时浮动闪烁,html,css,webkit,css-float,flicker,Html,Css,Webkit,Css Float,Flicker,我试图在HTML和CSS中创建一个2d网格,在其中调整窗口大小会将元素回流到适当的行。这种效果可以通过在左侧浮动固定宽度的div来实现,但是我想添加一个动态边距来最小化屏幕右侧的空白 我的问题是,当通过javascript添加动态边距(b/t div)时,在调整浏览器窗口大小时,div会出现闪烁(即在行之间快速切换)(仅在宽度减小时发生) 这个bug在webkit(chrome和safari)中出现,但在Firefox中没有。如果只是一个webkit bug,有没有办法绕过它 可以在JSFIDL

我试图在HTML和CSS中创建一个2d网格,在其中调整窗口大小会将元素回流到适当的行。这种效果可以通过在左侧浮动固定宽度的div来实现,但是我想添加一个动态边距来最小化屏幕右侧的空白

我的问题是,当通过javascript添加动态边距(b/t div)时,在调整浏览器窗口大小时,div会出现闪烁(即在行之间快速切换)(仅在宽度减小时发生)

这个bug在webkit(chrome和safari)中出现,但在Firefox中没有。如果只是一个webkit bug,有没有办法绕过它

可以在JSFIDLE或常规网页上看到一个示例:

谢谢

        $(box).css("margin-left", (marginSide * .5) - MARGIN_REDUCTION);
在我看来,这似乎是一个JS问题;只减少利润,不同时减少利润


你找到解决办法了吗?没有。我什么都没找到。我试着将边距铺成地板,减少边距(因此使用了<100%的宽度)。动态地改变一个类而不是样式…还有一些我不记得的事情。如果有人还在寻找,这似乎是一个可行的解决方案。