HTML5+CSS3网页制作实例:chinaz图片瀑布布局

武林网(www.vevb.com)文章简介：以前就觉得，Chinaz中图片瀑布布局很好看，以前也看过别人实现的一些方法，大部分是用js实现的，今天试了一下，用CSS3简单的实现了类似的布局效果，希望对大家有用！Chinaz中的效果

以前就觉得，Chinaz中图片瀑布布局很好看，以前也看过别人实现的一些方法，大部分是用js实现的，今天试了一下，用CSS3简单的实现了类似的布局效果，希望对大家有用！Chinaz中的效果：

我的代码：

CSS3瀑布布局.container{-webkit-column-width-moz-column-width-o-colum-width-webkit-column-gap-moz-column-gap-o-column-gapdiv:not(.container){-webkit-border-radius-moz-border-radiusborder-radiusbackgroundborderdisplaywidthpositionmargin.title{line-heighttext-alignfont-family纯CSS3瀑布布局

运行效果(FireFox，Google Chrome下测试通过，其他浏览器未做测试~~)：