当前位置: 移动技术网 > IT编程>网页制作>CSS > javascript之瀑布流图片覆盖

javascript之瀑布流图片覆盖

2019年04月05日  | 移动技术网IT编程  | 我要评论
javascript之瀑布流图片覆盖 但是想让它们按高低顺序排列即尽量不留下大量空白空间,于是寻找第一行图片高度的最小值,然后将下一行的图片放在高度最小的图片下面,于是写了下

javascript之瀑布流图片覆盖

\

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

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

但结果却是这样的:

\

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

如您对本文有疑问或者有任何想说的,请 点击进行留言回复,万千网友为您解惑!

相关文章:

验证码:
移动技术网