前面讲过图片库搭建。你把服务照片上传到网站，一行一行排列，整齐但死板。图片有高有矮，硬排成一样高要么裁切要么留白。试试瀑布流布局：图片按自己的高度自动排列，像Pinterest那样。
瀑布流是什么
普通布局：一行三张图，每张一样高。图是横的就压扁，图是竖的就裁两边。
瀑布流：图片保持原始宽高比，自动填充到最短的那一列。几列并排，高低错落。像水流一样。
好处：图片不变形，排列自然，客户扫一眼就能浏览很多图。
怎么实现
第一，CMS主题自带。很多免费CMS主题的图片库页面就是瀑布流布局。你选主题的时候看一下演示。
第二，用JS库。Masonry是最常用的瀑布流JS库。几行代码引入，你的图片容器自动变瀑布流。
第三，CSS columns。纯CSS也能实现简单瀑布流。给图片容器加column-count: 3，浏览器自动分列。不用JS。
注意事项
第一，手机端自动变一列。瀑布流在电脑上3-4列，手机上自动变成1列。别让客户在手机上看3列小图。
第二，图片要先加载完再排列。瀑布流需要知道每张图的高度才能排列。图片没加载完的时候，布局会跳动。用图片懒加载配合。
第三，小图不用瀑布流。你就十几张图，瀑布流看不出区别。图片多了（50张以上）再考虑。
第四，点击放大看原图。瀑布流里图小，客户点一张弹出来看大图。配个灯箱插件。
