Masonry是什么？
Masonry是一个JavaScript网格布局库。它的作用是在可用的竖直空间上将页面元素放置于页面最佳位置处，就像泥瓦匠将石头往墙上砌一样。你应该已经在网上很多地方见过它了。瀑布流，又称瀑布流式布局。是比较流行的一种网站页面布局，视觉表现为参差不齐的多栏布局，随着页面滚动条向下滚动，这种布局还会不断加载数据块并附加至当前尾部。（效果如上图）
官网：
Masonry官方文档
Masonry中文文档
Masonry实例DEMO
1,可以从官方网站下载
2,也可以直接在unpkg引用Masonry的CDN静态文件
在你的项目中引入Masonry.js
Masonry的运行需要一个包含一些列子组件的grid容器标签
CSS
你可以通过CSS控制所有组件的尺寸
通过JQuery初始化
你可以将Masonry作为一个JQuery插件来使用$（'selector'）.masonry（）
通过原生JavaScript初始化
你可以通过原生JS使用Masonry:new Masonry（elem，options）。构造函数Masonry（）接收两个参数：容器标签和配置对象。
在HTML中初始化
你也可以在HTML中初始化Masonry，这样不需要书写任何JavaScript。在容器标签中增加data-masonry属性，其值则是Masonry组件的配置
注意：在HTML中必须以JSON格式配置，key必须带引号，例如：“itemSelector”：。data-masonry的值使用单引号，JSON使用双引号。