Js实现瀑布流效果

通过JavaScript实现瀑布流效果，实现不同大小的图片有序展示

效果图：
在这里插入图片描述

思路：
1.将图片宽度固定，用浏览器窗口大小除以每个图片的宽度，求出要分成的列数
2.将每个图片定位
3.每次找到最小高度的列，将图片加到该列后

HTML部分以及CSS样式



	
		
		
		
	
	
			瀑布流
			瀑布流
			瀑布流
			瀑布流
			瀑布流
			瀑布流
			瀑布流
			瀑布流
			瀑布流
			瀑布流
			瀑布流
			瀑布流
			瀑布流
			瀑布流
			瀑布流
			瀑布流
			瀑布流
			瀑布流
			瀑布流
			瀑布流
			瀑布流