怎么使用jquery.masonry实现瀑布流效果

这篇文章主要介绍“怎么使用jquery.masonry实现瀑布流效果”，在日常操作中，相信很多人在怎么使用jquery.masonry实现瀑布流效果问题上存在疑惑，小编查阅了各式资料，整理出简单好用的操作方法，希望对大家解答”怎么使用jquery.masonry实现瀑布流效果”的疑惑有所帮助！接下来，请跟着小编一起来学习吧！

创新互联公司是一家专注于成都网站设计、成都网站制作与策划设计,吉利网站建设哪家好?创新互联公司做网站,专注于网站建设十多年,网设计领域的专业建站公司;建站业务涵盖:吉利等地区。吉利做网站价格咨询:13518219792

一、分别加载jquery插件与jquery.masonry插件

二、瀑布流局部样式代码

.container-fluid {
 padding: 20px;
}
.box {
 margin-bottom: 20px;
 float: left;
 width: 220px;
}
.box img {
 max-width: 100%
}

解释：针对第二步的页面代码，我们需要添加一点样式，.box 类我们添加了浮动属性，还设置了他的宽度。

三、页面瀑布流布局html代码