砌体（Masonry）是一种网页排布形式，类似于砖砌体、石砌体建造的结构，如下图，左侧是传统的使用CSS浮动实现的布局效果，右图是砌体排布。砌体布局在不规则的网页内容块布局中非常有用，能够充分利用网页空间，很多网站的照片浏览就采用了砌体形式。今天这篇文章就和大家分享25个基于jQuery实现的砌体网页设计作品，一起欣赏。
<a target="_blank" href="http://www.cnblogs.com/lhb25/archive/2011/05/06/2021398.html">分享35个非常漂亮的单页网站设计案例</a>
<a target="_blank" href="http://www.cnblogs.com/lhb25/archive/2011/04/19/2014303.html">寻找网页设计灵感的27个最佳网站推荐</a>
<a target="_blank" href="http://www.cnblogs.com/lhb25/archive/2011/04/29/2030312.html">最新30个漂亮的个人作品集网页设计案例</a>
<a target="_blank" href="http://www.cnblogs.com/lhb25/archive/2011/05/15/2021406.html">分享100佳精美的作品集网站设计案例</a>
<a target="_blank" href="http://www.cnblogs.com/lhb25/archive/2011/03/05/1970405.html">60佳灵感来自大自然的网页设计作品欣赏</a>
<a target="_blank" href="http://www.cnblogs.com/lhb25/p/must-read-links-for-web-designers-and-developers-volume-12.html">Web 前端工程师和设计师必读精华文章推荐</a>
<a href="http://www.cnblogs.com/lhb25//lhb25/archive/2011/07/28/html5-awesome-single-page-sites-inspiration.html" target="_blank">酷！15个精美的 HTML5 单页网站作品欣赏</a>
<a target="_blank" href="http://www.cnblogs.com/lhb25//lhb25/archive/2011/11/22/best-awesome-css3-animation-demos.html">炫！35个让人惊讶的 CSS3 动画效果演示</a>
<a href="http://www.cnblogs.com/lhb25//lhb25/archive/2012/03/02/30-mind-blowing-parallax-scrolling-effect-websites.html" target="_blank">赞！30个与众不同的优秀视差滚动效果网站</a>
<a target="_blank" href="http://www.cnblogs.com/lhb25//lhb25/archive/2012/01/13/25-outstanding-single-page-website-designs.html">靓å！25个优秀的国外单页网站设计作品欣赏</a>
<a target="_blank" href="http://www.cnblogs.com/lhb25//lhb25/archive/2011/08/09/awesome-html5-and-javascript-effects.html">帅！8个惊艳的 HTML5 和 JavaScript 特效</a>
<a href="http://www.cnblogs.com/lhb25//lhb25/archive/2011/06/27/35-exclusive-rainbow-colored-flash-websites.html" target="_blank">顶！35个很漂亮的国外 Flash 网站作品欣赏</a>
<a href="http://www.cnblogs.com/lhb25//lhb25/archive/2011/08/24/outstanding-admin-panels-part-one.html" target="_blank">哇！34个漂亮网站和应用程序后台管理界面</a>
<a href="http://www.yyyweb.com/go/web" target="_blank">本博客新站点 ◆ 前端里 ◆ 欢迎围观：）</a>
欢迎任何形式的转载，但请务必注明出处。