这篇文章给大家分享的是有关如何使用jquery.masonry实现瀑布流效果的内容。小编觉得挺实用的，因此分享给大家做个参考，一起跟随小编过来看看吧。
创新互联建站专业为企业提供
樊城网站建设、樊城做网站、樊城网站设计、樊城网站制作等企业网站建设、网页设计与制作、樊城企业网站模板建站服务，十余年
樊城做网站经验，不只是建网站，更提供有价值的思路和整体网络服务。
一、分别加载jquery插件与jquery.masonry插件
二、瀑布流局部样式代码
.container-fluid {
padding: 20px;
}
.box {
margin-bottom: 20px;
float: left;
width: 220px;
}
.box img {
max-width: 100%
}解释：针对第二步的页面代码，我们需要添加一点样式，.box 类我们添加了浮动属性，还设置了他的宽度。
三、页面瀑布流布局html代码
