欢迎您访问程序员文章站本站旨在为大家提供分享程序员计算机编程知识!
您现在的位置是: 首页  >  IT编程

javascript之瀑布流图片覆盖

程序员文章站 2022-06-14 12:02:19
javascript之瀑布流图片覆盖 但是想让它们按高低顺序排列即尽量不留下大量空白空间,于是寻找第一行图片高度的最小值,然后将下一行的图片放在高度最小的图片下面,于是写了下...

javascript之瀑布流图片覆盖

javascript之瀑布流图片覆盖

但是想让它们按高低顺序排列即尽量不留下大量空白空间,于是寻找第一行图片高度的最小值,然后将下一行的图片放在高度最小的图片下面,于是写了下面的程序段:

var boxheightarr = [];
    for(var j=0;j

但结果却是这样的:

javascript之瀑布流图片覆盖

发现问题没有?图片少了,第二行的图片只剩下一张,因为后面的几张图片设置了绝对定位,并且每次都放在了高度最小的图片下面,导致之前的图片被后来的图片覆盖掉,以此警醒大家,同时告诉自己,代码不要乱写,不然很可怕的。