ウィンドウのサイズを変更すると要素が適切な行にリフローされる、HTML と CSS で 2D グリッドを作成しようとしています。この効果は、固定幅の div を左にフローティングするだけで実現できますが、動的なマージンを追加して、画面の右側の空白を最小限に抑えたいと考えています。
私の問題は、javascript を介して動的マージン (div の b/t) を追加すると、ブラウザー ウィンドウのサイズを変更するときに div がちらつくように見える (つまり、行間で急速に前後に切り替わる) ことです (幅が減少した場合にのみ発生します)。
このバグは Webkit (chrome および safari) で発生しますが、Firefox では発生しません。それが単なる Webkit のバグである場合、それを回避する方法はありますか?
jsfiddle または通常の Web ページで例を確認できます。
http://alec.thewinograds.com/float_flicker_example.html
ありがとう！