大佬教程收集整理的这篇文章主要介绍了jquery-masonry – 将jquery砌体整合到zurb基础网格中，大佬教程大佬觉得挺不错的，现在分享给大家，也给大家做个参考。
但是,如果您继续最小化浏览器宽度,则会返回四列,因此无法显示它们的空间.
var $container = $('#work_grid');
$container.imagesLoaded( function(){
$('#work_grid').masonry({
itemSELEctor: '.work_item',isAnimated: true,});
HTML
<div class="row">
<div class="twelve columns">
<div id="work_grid" class="block-grid four-up">
<li class="work_item"><img src="stylesheets/images/work1.jpg" alt=""></li>
<li class="work_item"><img src="stylesheets/images/work2.jpg" alt=""></li>
<li class="work_item"><img src="stylesheets/images/work3.jpg" alt=""></li>
<li class="work_item"><img src="stylesheets/images/work4.jpg" alt=""></li>
<li class="work_item"><img src="stylesheets/images/work5.jpg" alt=""></li>
<li class="work_item"><img src="stylesheets/images/work6.jpg" alt=""></li>
<li class="work_item"><img src="stylesheets/images/work7.jpg" alt=""></li>
</div> <!-- /.block-grid four-up -->
</div> <!-- /.twelve columns -->
</div> <!-- /.row -->
===更新===
如果您想使用它,我在this github repository更新(5.0.2)时使用最新的Foundation版本更新了代码库.
以上是大佬教程为你收集整理的jquery-masonry – 将jquery砌体整合到zurb基础网格中全部内容，希望文章能够帮你解决jquery-masonry – 将jquery砌体整合到zurb基础网格中所遇到的程序开发问题。
如果觉得大佬教程网站内容还不错，欢迎将大佬教程推荐给程序员好友。
本图文内容来源于网友网络收集整理提供，作为学习参考使用，版权属于原作者。
如您有任何意见或建议可联系处理。小编QQ：384754419，请注明来意。