Jquery 具有动态平铺高度和浏览器宽度的平铺

Jquery 具有动态平铺高度和浏览器宽度的平铺,jquery,html,css,Jquery,Html,Css,我有一个基于LI标记的平铺视图,其中每行的平铺数量和每个平铺的高度是动态的。另外,当列表已经打开时,平铺高度、位置和数量是动态的,我不想要固定的行高度,因为那样看起来很糟糕,浪费空间。但是,平铺高度没有太大变化,为了更好地概述,我希望一行的所有平铺都具有相同的顶部偏移 当然,这没什么大不了的,当我在每行后面加上一个LI时,如下所示: <li style="clear:both;opacity:0;height:0;"></li> 当然规则是在课堂上 我心目中的解

我有一个基于LI标记的平铺视图,其中每行的平铺数量和每个平铺的高度是动态的。另外,当列表已经打开时,平铺高度、位置和数量是动态的,我不想要固定的行高度,因为那样看起来很糟糕,浪费空间。但是,平铺高度没有太大变化,为了更好地概述,我希望一行的所有平铺都具有相同的顶部偏移

当然,这没什么大不了的,当我在每行后面加上一个LI时,如下所示:

<li style="clear:both;opacity:0;height:0;"></li>
  • 当然规则是在课堂上

    我心目中的解决方案是,每次更改视图后,执行以下操作: -拆下间隙等级为的所有元件 -$。当顶部位置增加时,每个循环都会在之前插入所有元素

    但是,我担心/非常肯定,每次渲染更改时,视图都会闪烁/看起来混乱,因为我必须删除所有“清除”-李的第一个(否则,我会在可能不属于它们的地方使用换行符)。例如,在调整浏览器宽度时,这看起来尤其错误。或者在动态添加新互动程序时(新产品在库)

    我应该做什么来避免这种情况?
    提前多谢。

    分享你的代码、html和css,这样就很容易操作。它与系统OOP代码的深度紧密相连——出于版权原因,我不能在这里发布。我会尽快把这个有问题的概念转换成更小的代码。所有与问题无关的代码都会让人困惑。