                        课程
                    
                        /前端开发
                        
                            /JavaScript
                        
                        /瀑布流布局

var cols = Math.floor(document.documentElement.clientWidth/oBoxW); console.log(cols); //设置main的宽度 oParent.style.cssText = 'width:' + oBoxW*cols + 'px;margin:0 auto';

为啥我的列数是随着浏览器的可视窗口变化而变化，不是6列啊，代码都是一样的，是不是跟浏览器有关

慕桂英6396625

2019-10-15

源自：瀑布流布局 2-3

关注问题我要回答

922

操作

收起

1 回答

雨花凉
2019-11-01

cols的值是根据浏览器窗口的宽度动态计算出来的

0 回复有任何疑惑可以回复我~

收起回答

0/150

提交

取消

瀑布流布局

参与学习 97759 人
解答问题 736 个

瀑布流布局是网站比较流行的一种布局方式，教你实现三大方式

进入课程

本课相似问答

2 回答为啥oParent.style.cssText='width:'+oBoxW*cols+'px;margin:0 auto'; 有效果，但不居中

4 回答oParent.style.cssText = 'width:' + oBoxW*cols +'px;margin:0 auto';在浏览器里没有效果，console.log()也没有输出内容，有人知道这是怎么回事吗？

2 回答var oboxw=oboxs[0].offsetwidth;

1 回答var oBoxW = oBoxs[0].offsetWidth;报错

2 回答console.log(oBoxW); 输出undefined

搜索更多本课相关问答

var cols = Math.floor(document.documentElement.clientWidth/oBoxW); console.log(cols); //设置main的宽度 oParent.style.cssText = 'width:' + oBoxW*cols + 'px;margin:0 auto';

我要回答关注问题

热搜

最近搜索清空

var cols = Math.floor(document.documentElement.clientWidth/oBoxW); console.log(cols); //设置main的宽度 oParent.style.cssText = 'width:' + oBoxW*cols + 'px;margin:0 auto';

1 回答

本课相似问答

var cols = Math.floor(document.documentElement.clientWidth/oBoxW); console.log(cols); //设置main的宽度 oParent.style.cssText = 'width:' + oBoxW*cols + 'px;margin:0 auto';