這種情況用CSS來(lái)控制最合適例如你想讓初始圖片顯示為100px*100px，則 或者 當(dāng)頁(yè)面中圖片非常多，且要求每張圖片的大小依據(jù)其父容器來(lái)固定怎么辦可以使用maxweightimg maxweight100% 這樣圖片會(huì)自動(dòng)縮放到。

一種網(wǎng)頁(yè)展示效果，每行有多個(gè)區(qū)塊或圖片，這些區(qū)塊或圖片不在一個(gè)水平線上對(duì)齊，然后重復(fù)重復(fù)再重復(fù)這個(gè)叫瀑布流布局，不應(yīng)該叫css瀑布流，因?yàn)榧僣ss實(shí)現(xiàn)的瀏覽器支持不好，基本上都是有JS的問(wèn)題三手機(jī)瀑布流是。

這種瀑布流實(shí)現(xiàn)大體有兩種方式，一種就是js的方式，一種是css，相對(duì)于js來(lái)說(shuō)css的控制不是很好，不能自動(dòng)加載之類的，只能顯示一個(gè)瀑布流效果，大體的思路就是一個(gè)div里面放兩個(gè)div分別浮動(dòng)，高度自動(dòng)，然后將圖片分別放置。

1瀑布流排版 Masonry 使用起來(lái)也很方便，循環(huán)輸出每個(gè)item，定義好寬度就行了，具體可以看文檔 2 有了它自然也就會(huì)有angularjs的directive版本 AngularJS Masonry Directive 3 如果你的item高度都一樣的話，就更簡(jiǎn)單了。

當(dāng)前屏?xí)r，提前加載下一屏的圖不需要在圖片onload時(shí)才去設(shè)置src。

wordpress是開(kāi)源的一款博客系統(tǒng)，你可以網(wǎng)上下載wordpress瀑布流主題，然后選擇在線安裝便利完全可以達(dá)到你自己想要的效果，可以對(duì)模版進(jìn)行編輯修改，很方便不過(guò)要做一個(gè)自己的模板，則需要你有一定的專業(yè)知識(shí)比如你至少要懂。

Weex是一個(gè)可以利用web 前端開(kāi)發(fā)技術(shù)來(lái)實(shí)現(xiàn)Androidios 原生引用的框架，使用 Vue 作為上層框架，并遵循 W3C 標(biāo)準(zhǔn)實(shí)現(xiàn)了統(tǒng)一的 JSEngine 和 DOM API1組件是提供瀑布流布局的核心組件瀑布流，又稱瀑布流式布局是比較。

4，在頁(yè)面中啟用瀑布流形式的腳本代碼 function var $container = $#39#masonry#39 $containerimagesLoadedfunction $containermasonry itemSelector #39box#39， gutter 20， isAnimated。