css3 column 瀑布流

瀑布流布局已经有好多年的历史了，我最早知道这个名词的时候大约是结构有了，现在来看CSS。在.masonry中设置column-count

CSS3中新出现的多列布局(multi-column)是传统HTML网页中块状布局模式的有力扩充。这种新语法能够让WEB开发人员轻松的让文本呈现

瀑布流，又称瀑布流式布局。是比较流行的一种网站页面布局，视觉表现为参差不齐的多栏布局，随着页面滚动条向下滚动

Html5（css3）的瀑布流上面的图片比较明了的指出了采用了普通的瀑布流布局与采用了column来表现的显示样式的对比。

27.12.2012 · 編排方式，中文叫作瀑布流版型的冏境，雖然這種瀑布流版型，可用CSS3中的column-count來完成

01.11.2001 · 基于CSS3实现瀑布流，使用CSS3的CSS多栏(Multi-column)。可以到github上下载源码:https://github.com/CraryPrimitiveMan/waterfall-css3

Pinterest使用js来制作这种布局，我们今天想用纯CSS来完成这种瀑布流列column-break-inside:avoid;

04.02.2013 · 之前曾分享過，利用jQuery套件製作瀑布流的網頁版型，相關文章請見「jQueryMasonry瀑布流版型套件」，這個瀑布流

基于CSS3实现瀑布流，使用CSS3的CSS多栏(Multi-column)。