webkit浮动闪烁调整大小

时间:2012-07-13 21:42:01

标签: html css webkit css-float flicker

我正在尝试在HTML和CSS中创建一个2D网格,其中调整窗口大小将元素重新排列到适当的行。只需向左侧浮动固定宽度div即可实现效果,但我想添加动态边距以最小化屏幕右侧的空白区域。

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

该错误表现在webkit(chrome和safari)中,但在Firefox中却没有。如果它只是一个webkit错误,有没有办法解决它?

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

http://jsfiddle.net/RAZHA/3/

http://alec.thewinograds.com/float_flicker_example.html

谢谢!

1 个答案:

答案 0 :(得分:0)

        $(box).css("margin-left", (marginSide * .5) - MARGIN_REDUCTION);
在我看来,这是一个JS问题;只减少保证金保证金而不是两者

http://jsfiddle.net/RAZHA/3/