function waterfall(wrap,boxes){ //获取屏幕可以显示的列数 var boxWidth = boxes[1].offsetWidth + 20;// 如果我把boxes[0].offsetWidth+20 ,得出的是一列所有的宽度. var windowWidth = document.documentElement.clientWidth; var colsNum= Math.floor(windowWidth / boxWidth); //设置容器的宽度 wrap.style.width= colsNum * boxWidth +'px'; // console.log(wrap.style.width) // console.log(colsNum) // console.log(windowWidth) // console.log(boxWidth) //定义一个数组并存储每一列的高度 var everyHeight=new Array(); for (var i = 0;i<boxes.length; i++) { if(i<colsNum){ everyHeight[i]=boxes[i].offsetHeight+20; console.log(everyHeight[i]) } }};window.onload = function(){ var wrap=document.getElementById('wrap'); var boxes=document.getElementsByTagName('div'); waterfall(wrap,boxes);};为什么我在这里console.log(boxWidth)
添加回答
举报
0/150
提交
取消