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

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

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

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

當前屏時，提前加載下一屏的圖不需要在圖片onload時才去設置src。

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

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

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