PS制作流体瀑布文字效果步骤新建画布，背景为深蓝色用矩形工具绘制矩形，颜色比背景深一点的蓝色CTRL+T选择矩形，按SHIFT旋转15度使用文字工具输入“psahz”文字填充为白色，CTRL+T旋转如图右键选择斜切，同样15度调整。

1该效果使用CSS3的columnwidth实现，和js版的瀑布流不同图片将纵向排列2代码中使用了一小段JS，和瀑布流效果无关，主要用来动态插入元素，并实现模拟翻页 举例说明 如图。

瀑布流网站主要是以图片为主，文字内容较少，在优化的时候，注意图片尽量的原创，如果是在网上下载的已收录图片建议稍微的做一下处理，如改变图片大小图片加工处理等做好这些之后，必要的ALT标签，记住要合理的去布局关键。

前端瀑布流布局是一种常见的网页布局方式，通常用于展示图片文章等内容，在不同屏幕尺寸下可以实现自适应因此，前端瀑布流布局是可以实现自适应的在实现自适应的前端瀑布流布局时，可以使用 CSS 的弹性布局flexbox或。

那么接下来就基于这个特点开始瀑布流探索之旅基础功能实现首先我们定义好一个有 20 张图片的容器， #waterfall position relative waterfallbox float left width 200px。

在网站后台 找到论坛栏目下面的版块管理按钮，选择编辑自己想要开启瀑布流的那个版块，在该模块的 扩展设置 里 开启图片列表模式很多时候，设置的瀑布流的模块已经有帖子了，此时可以重建主题封面实现 在后台的工。

其实这种jquery的插件真的比较多，百度下就有很多结合两个jquery插件jquery瀑布流插件blocksit和图片延迟加载插件jquerylazyload可以实现向百度首页那种延迟加载的瀑布流样式而且代码也比较简单function quotimglazyquot。