武林網(www.49028c.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下測試通過，其他瀏覽器未做測試~~)：