武林網(wǎng)(www.survivalescaperooms.com)文章簡介：以前就覺得，Chinaz中圖片瀑布布局很好看，以前也看過別人實(shí)現(xiàn)的一些方法，大部分是用js實(shí)現(xiàn)的，今天試了一下，用CSS3簡單的實(shí)現(xiàn)了類似的布局效果，希望對(duì)大家有用！Chinaz中的效果

以前就覺得，Chinaz中圖片瀑布布局很好看，以前也看過別人實(shí)現(xiàn)的一些方法，大部分是用js實(shí)現(xiàn)的，今天試了一下，用CSS3簡單的實(shí)現(xiàn)了類似的布局效果，希望對(duì)大家有用！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瀑布布局

運(yùn)行效果(FireFox，Google Chrome下測(cè)試通過，其他瀏覽器未做測(cè)試~~)：