1、3StaggeredGridLayoutManager 交错网格布局管理器，呈现交错网格布局的RecyclerView，StaggeredGridLayoutManager 是一种特殊的GridLayoutManager ，与GridLayoutManager 的区别在于，它允许每个Item的长度或高度不一致，实现瀑布流效果；这种瀑布流实现大体有两种方式，一种就是js的方式，一种是css，相对于js来说css的控制不是很好，不能自动加载之类的，只能显示一个瀑布流效果，大体的思路就是一个div里面放两个div分别浮动，高度自动，然后将图片分别放置。

2、简单瀑布流 首先来看一个简单的UICollectionView实现瀑布流的过程，熟悉之后就可以实现稍微实用的瀑布流1故事板中拖拽一个UICollectionView放在视图中，效果如下2新建一个继承子UICollectionViewCell的子类MyCollectionViewCell；Firefox自带的Web开发者工具使用非常简单，点击一下按钮就可以窥视到网页内部各元素的瀑布流式请求，可以看到网页里哪些文件在什么时候被请求和耗时多少并显示到浏览器上Firefox自带的Web开发者工具在哪里 点击菜单工具Web；你想做瀑布流布局，可以直接用JQ的瀑布流插件，或者网上搜索有现成的例子纯CSS的话，呼，只能通过定位来做，而且不方便可以试试CSS3 lt！DOCTYPE HTMLlthtmlltheadltmeta；这个叫瀑布流布局，你搜索这个，就能找到很多教程但问题是，这种教程不单单是css能做到的，大多数都是采用js+绝对定位。

3、Picture View看图软件，轻量级快捷，拥有瀑布流式的看图模式，让你轻松浏览海量图片，也对长图友好Picture View – 是一款轻巧的 macOS 看图应用可以方便快捷的查看图片，不会产生任何缓存，并有很多实用功能，适合作为；html中没有gallery_tu，应该是写代码的时候加入的自定义项目或文件名，要htmlcssjs结合才能完成；利用网络分析器分析网页1把窗口切换到“网络分析器”如下图，点击“网络”这个标签2然后访问需要分析的网页，这时可以看到网页的瀑布流请求和时间线显示，如下图 3通过上图所示，可以清晰的看到网页内部各文件。

4、三种本质区别就是布局方式不同瀑布流又称瀑布流式布局，是比较流行的一种网站页面布局方式视觉表现为参差不齐的多栏布局，最早采用此布局的是网站是Pinterest，后逐渐在国内流行我们看到的一些vlog网站或者图片展示网站。

5、1什么是瀑布流Waterfall一句话是媒体的收益优化技术，通过对请求的广告联盟进行阶梯分流依次请求类似于瀑布而得名，用于提高广告位的填充率广告曝光请求库存，从而提高媒体侧的收益2瀑布流 角色回到媒体方；可以通过两种方法来查看的1，可以通过查看网页源代码来查看底部版权信息2，可以通过查看网页快照来查看底部版权快照一般是一个页面，然在快照页面瀑布流是不会无限加载的，也就能看到底部了。

6、最近非常流行瀑布流效果，尤其是对于图片网站或者是购物导航站都纷纷效仿，提醒各位在企业网站中对于图片或者是新闻页面使用瀑布流时最好加上用户在浏览瀑布流的内容时能一直保持在页面一侧的快捷导航或者是置顶的一个导航条，这；五流动布局fluid grid或瀑布流 “流动布局”的含义是，各个区块的位置都是浮动的，不是固定不变的main float rightwidth 70% leftBar float leftwidth 25% float的好处是，如果宽度太小；解决方法是给排列的内容添加样式但是我在写sass时，该样式只能带上 webkit才能识别，应该会有兼容性问题吧然后在查阅资料是发现另一个样式 pagebreakinside，发现该样式也可以解决这个问题 结果如图其他浏览器是否。