jQuery Masonry 是一款非常不错的瀑布流插件，这里介绍下如何使用。

加载相关插件

加载Jquery插件

加载jQuery Masonry 插件。下载地址：下载地址

<script src="/path/to/masonry.pkgd.min.js"></script>

  或者使用官方提供的CDN（不建议使用，因为是国内反倒是影响了网站的速度）

<script src="https://cdnjs.cloudflare.com/ajax/libs/masonry/3.3.0/masonry.pkgd.js"></script> <!-- or --> <script src="https://cdnjs.cloudflare.com/ajax/libs/masonry/3.3.0/masonry.pkgd.min.js"></script>

添加HTML代码.grid-item { width: 200px; } .grid-item--width2 { width: 400px; }<div class="grid">   <div class="grid-item">...</div>   <div class="grid-item grid-item--width2">...</div>   <div class="grid-item">...</div>   ...</div>

设置jQuery.Masonry 插件$('.grid').masonry({  // options   itemSelector: '.grid-item',   columnWidth: 200   });

更多用法请查看官方文档：