1.等宽瀑布流:
需要确定的是,等宽瀑布流必须用绝对定位来完成排版。
*W为容器的宽度。
* 给出N列,每一列的宽度相同。用大小为N的数组存好每一列当前的高度。
* 列当前的高度 = 已有的高度 + 每一列的宽度 * 图片的高宽比。 当然如果里面不仅有图片那高度也要相应的加上去。
* 数据来的时候,依次放进每一列,同时把当前列的高度计算好。
* 难点在于,如何每次仅拿出N个数据? 把数据分割成N部分。再存入一个数组中。
var data = [{},{},{},{}]
var result = [];
for(var i=0,len=data.length;i<len;i+=3){
result.push(data.slice(i,i+3));
}
*对结果数组进行遍历。
*对图片加上边距
* */
2.加载图片或者内容前先给占位。
这个可能需要数据返回图片的大小以及宽度数据。
根据高度和宽度。直接给容器定好宽高。给定背景即可。