这种情况用CSS来控制最合适例如你想让初始图片显示为100px*100px，则 或者 当页面中图片非常多，且要求每张图片的大小依据其父容器来固定怎么办可以使用maxweightimg maxweight100% 这样图片会自动缩放到。

一种网页展示效果，每行有多个区块或图片，这些区块或图片不在一个水平线上对齐，然后重复重复再重复这个叫瀑布流布局，不应该叫css瀑布流，因为纯css实现的浏览器支持不好，基本上都是有JS的问题三手机瀑布流是。

这种瀑布流实现大体有两种方式，一种就是js的方式，一种是css，相对于js来说css的控制不是很好，不能自动加载之类的，只能显示一个瀑布流效果，大体的思路就是一个div里面放两个div分别浮动，高度自动，然后将图片分别放置。

1瀑布流排版 Masonry 使用起来也很方便，循环输出每个item，定义好宽度就行了，具体可以看文档 2 有了它自然也就会有angularjs的directive版本 AngularJS Masonry Directive 3 如果你的item高度都一样的话，就更简单了。

当前屏时，提前加载下一屏的图不需要在图片onload时才去设置src。

wordpress是开源的一款博客系统，你可以网上下载wordpress瀑布流主题，然后选择在线安装便利完全可以达到你自己想要的效果，可以对模版进行编辑修改，很方便不过要做一个自己的模板，则需要你有一定的专业知识比如你至少要懂。

Weex是一个可以利用web 前端开发技术来实现Androidios 原生引用的框架，使用 Vue 作为上层框架，并遵循 W3C 标准实现了统一的 JSEngine 和 DOM API1组件是提供瀑布流布局的核心组件瀑布流，又称瀑布流式布局是比较。

4，在页面中启用瀑布流形式的脚本代码 function var $container = $#39#masonry#39 $containerimagesLoadedfunction $containermasonry itemSelector #39box#39， gutter 20， isAnimated。