平铺动态图块高度和浏览器宽度

时间:2017-05-15 08:40:23

标签: jquery html css

我有一个基于LI标签的平铺视图,其中每行的平铺量和每个平铺的高度是动态的。此外,平铺高度,位置和数量是动态的,而列表已经打开,我不想要修复行高,因为这看起来很糟糕,浪费空间。然而,平铺高度不会很多,并且为了获得良好的概览,我希望一行中的所有平铺都具有相同的顶部偏移。

当然,当我在每一行之后添加LI时,这没什么大不了的:

<li style="clear:both;opacity:0;height:0;"></li>

当然规则是在课堂上。

Here's a screenshot of how it should be

This is, how it currently looks due to the missing clearance LI

我想到的解决方案是,在每次更改视图后,执行以下操作: - 删除所有清除等级的元素 - $ .each循环所有元素,并在顶部位置增加时插入

然而我害怕/非常确定视图会在每次渲染更改时闪烁/看起来乱码,因为我必须删除所有“清除”-LI是第一次(否则我会在他们可能的位置划线不属于)。例如,在调整浏览器宽度时,这尤其会出现严重错误。或者在动态添加新图块时(库存中有新产品)。

我应该尽量避免这种情况? 非常感谢。

0 个答案:

没有答案