function waterfall(wrap,boxes){ //獲取屏幕可以顯示的列數(shù) var boxWidth = boxes[1].offsetWidth + 20;// ?如果我把boxes[0].offsetWidth+20 ,得出的是一列所有的寬度. var windowWidth = document.documentElement.clientWidth; var colsNum= Math.floor(windowWidth / boxWidth); //設(shè)置容器的寬度 wrap.style.width= colsNum * boxWidth +'px'; // console.log(wrap.style.width) // console.log(colsNum) // console.log(windowWidth) // console.log(boxWidth) //定義一個數(shù)組并存儲每一列的高度 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)
jquery中的瀑布流布局問題
叢從綠草
2018-07-05 17:01:34