-
图片定位： 1、取出div#main中所有div.box： var oPa = document.getElementById("main"); var oBoxs = oPa.getElementsByClassName("box"); 2、计算整个页面显示的列数： var w = oBoxs[0].offsetWidth; var cols = Math.floor(document.documentElement.clientWidth/w); 3、设置div#main的宽： oPa.style.cssText += "width:" + w*cols + "px;margin:0 auto;";查看全部
-
原理：通过计算和绝对定位的方式固定图片位置。 特点：等宽不等高/参差不齐。 使用padding而不是margin：获取数据块高度，不仅数据块本身高度，还包括数据块间的距离；offsetHeight可以获取padding，但不能获取margin。查看全部
-
瀑布流布局：视觉表现为参差不齐的多栏布局；随着页面向下滚动，会不断加载数据块并附加至当前尾部。 最早使用该布局的是国外的网站Pinterest查看全部
-
css3方式与js原生方式实现瀑布流的区别： 1、css不需要计算，浏览器自动计算，js需要计算； 2、css图片按照垂直顺序排列（乱），js图片按照从左到右顺序排列（规范）； 3、css列宽随浏览器窗口大小改变，用户体验不好，js列宽固定； 4、css图片加载还是需要依靠js实现。查看全部
-
css3多栏布局实现瀑布流查看全部
-
jQuery的两大优点：支持连缀，隐式迭代查看全部
-
width():只包括元素定义的宽度 outerWidth():不光包括元素的宽度还包括元素定义的padding、border等 height()/outerHeight同理 获取数组中最小值的索引：$.inArray(val,array)查看全部
-
apply():用来改变函数或方法中this的指向查看全部
-
瀑布流布局特点：视觉表现为参差不齐的多栏布局，随着滚动条的滚动可以不断的向下加载数据 三个实现方法： 1、javaScript原生方法 2、jQuery方法 3、css3的多栏布局查看全部
-
瀑布流的父级元素是相对定位其他绝对定位查看全部
-
大赛的撒多撒多查看全部
-
黑线大于蓝线时加载数据块查看全部
-
修改float：left后没有变为一行，需要修改.div 的宽度查看全部
-
outerheight包含填充查看全部
-
父元素设置了相对定位后，子元素就都会在父元素内绝对定位。如果父元素不设置相对定位的话，里边的子元素会默认相对浏览器定位，当浏览器放大缩小时页面就会乱掉~查看全部
举报
0/150
提交
取消