1.綜述
最近研究了時下流行的瀑布流展示效果。 當前共計嘗試的方法及其優缺點如下：
（1）基於jquery框架及blocksit.min.js實現的瀑布流不連續，每列中多多少少都會有一些位置出現空白。
（2）基於jquery框架，用匿名函式形式，自程式設計實現瀑布流
（3）基於css3，chrome、火狐、搜狗瀏覽器顯示正常，但ie8、ie10均不能顯示瀑布流 只能顯示單列**，使用web中介紹的ie-css3.htc或pie外掛程式仍不能在ie中顯示瀑布流效果
（4）基於div 用實現的瀑布流，本地瀑布流測試效果正常
2.css3實現
css3的優點是實現簡單，瀑布流效果已經包含在樣式中，但ie對其不支援。
演示**如下：
CSS3 動畫效果總結
css3動畫的屬性主要分為三類 transform transition以及animation。transform rotate 設定元素順時針旋轉的角度，用法是 transform rotate x 引數x必須是以deg結尾的角度數或0，可為負數表示反向。scale 設定元素放大或縮小的倍數，用法...
CSS3動畫效果之Transform
transform 適應於對任一dom元素的2d或3d轉換,轉換效果有 旋轉 拉伸 平移 傾斜等。目前瀏覽器並不是完全支援所有的transform ie9 firefox 和 opera 僅支援2d transforms 相應的css定義為 ms transform moz transform 和 ...
通過css3實現頁面瀑布流的幾種方式
第一種簡單的實現方法是通過 css3 flex屬性 假設三列布局，html中寫入 如下 css 如下 div ul item item a img flex布局簡單靈活，目前新版本的瀏覽器都能支援。另外一種比較簡單的方式，是通過css3的column width或者column count進行布局，...