关于CSS实现瀑布流布局
想要学习一下用CSS来实现的瀑布流布局，先Mark一下一个关键属性：Multi-columns
计划近期开始尝试制作一个typecho主题，就是采用瀑布流布局，毕竟学习就是为了实践的，才能加深对知识的记忆，才能将学到的东西运用起来嘛。
记一下Multi-columns相关的属性column-count、column-gap配合break-inside来实现瀑布流布局，其实瀑布流布局已经出现很久了，但是一直没有尝试过。由于每一列中的项目高度是随机的，所以要让每一列中的项目下面以堆栈的形式排列起来是一个难点，一般这种布局大多用于展示图片的网站，最近逛博客逛到一个采用这种布局的，发现效果还真不错，图片配合文字，再加上瀑布流布局，看上去让人感觉错落有序，不自觉地在页面多留了一些时间。
网上找了一张该布局的示例图：
那么，就将这事情加入到TODO List中吧。刚才又查了下资料发现现在大多用CSS3实现的瀑布流布局实际上是以纵向排列的，常规的应该是横向排列，纵向排列可能达不到令人满意的效果。。。
看来还得再查资料！
还有我真的要快点搞一个自己的在线MarkDown编辑器了。
Tags : 本文未设置标签
所有原创文章采用 知识共享署名-非商业性使用 4.0 国际许可协议 进行许可。
您可以自由的转载和修改，但请务必注明文章来源并且不可用于商业目的。
本站部分内容收集于互联网，如果有侵权内容、不妥之处，请联系我们删除。敬请谅解！
我是一个新手，从搜索typecho模板时钻进这个网站，很想学习你们的模板源码。
如能分享，很是开心，谢谢了