现在很多导购网站都流行瀑布流,美丽说、蘑菇街就是瀑布流的两个代表吧,有新闻说,淘宝都很担心这些网站占据了上游很大一部分客户,决定关闭淘宝API搜索的功能,不过着个不是我们讨论的话题,这里有个类似美丽说、蘑菇街的瀑布流的开源导购网站pinphp,在修改是时遇到一个问题,首页瀑布流方块的大小和间距不是我想要的大小,怎么修改呢?如下图:

1、css文件在 style.css里,修改下面:
.item {
width: 240px;
background: none repeat scroll 0 0 #FFFFFF;
border-radius: 4px 4px 4px 4px;
box-shadow: 0 1px 3px rgba(34, 25, 25, 0.2);
position:relative;
overflow:hidden;
}
2、修改public下的common.js 这个也是最重要的,我就忘记了着个文件,找了很久
function item_masonry(){
$(‘.item img’).load(function(){
$(‘.infinite_scroll’).masonry({
itemSelector: ‘.masonry_brick’,
columnWidth:226,
gutterWidth:32
});
});
}
修改上面两处,width你想要的宽度,就可以了。