网站可以借助jQuery的Masonry插件实现瀑布流风格。它可以使网页看起来像下面图片中展示的这样。瀑布流布局就是将不同尺寸和比例的长方形条目用类似瀑布的方式，紧密排列在一起。它将一个个条目像砌砖块一样排在一起，形成由图片等内容构成的紧凑结构。尽管瀑布流并不是新鲜事物，但在作品集展示网站的设计中却惊人地适用。因此，我认为很有必要在此着重强调一下这种布局。另一个实现瀑布流的插件是Isotope，效果相同，但却有更多可选的配置。

Alexa Falcone的作品集网站（图1）就是一个绝佳的例子。在这里，你可以清晰地看到不同尺寸和比例的图片拼接在一起。如果打开网站，然后调整浏览器大小，你马上就会发现所有的元素会重新排列，充分利用了可用空间。使用Masonry插件，可以使内容完美适应不同尺寸的屏幕。更贴心的是，它使这种复杂的动态布局变得轻而易举。

另一个优秀的瀑布流范例是Glauce Cerveira的作品集网站（图2）。在这里你会看到格子状的图片像砖块般整齐地垒在一起。同时会发现，这些“砖块”的排列方式适用于任何类型的内容——并非局限于图片一种。你可以将一系列块状容器像这样神奇地排列在一起，容器中既可以放图片，也可以放文字或篇章。

如果想采用瀑布流的布局方式，有可能会碰到一个小陷阱哟。因为这个插件是把元素按照网格排列起来的，因此不太好控制某个元素究竟处在什么位置，只能按照条目的添加顺序大致调整一下位置。但是由于屏幕的大小会变，条目的位置也会移来移去，所以，如果想要严格按照某种顺序或位置来排列一些元素的话，瀑布流布局或许会带来问题。

最后，我想提一下另一种更简单的做法。如果你准备使用瀑布流风格，同时又发现所有条目都拥有同样的宽度（高度可以不同），那么就根本不需要使用瀑布流插件了。只需要采用基于CSS分栏样式的column-count属性也能达到类似效果。该属性可以将容器中的块级内容（包括图片）分成多栏显示。最终效果（当条目元素的宽度相同时）与瀑布流效果一致，但不需要费事地使用jQuery的插件了。