微博上搜藏过几个重要的书签, 没有细细学习过
在之前的 display -webkit-box 之后, CSS 布局的规范再次有改进
出现了一个叫 flexbox 的东西, 语法也变得更为复杂
资源比如, 这个 Demo: http://demo.agektmr.com/flexbox/
详细一些的说明看下面的博文, 大同小异:
http://newhtml.net/css3-flexible-box-简明入门教程/
http://weblog.bocoup.com/dive-into-flexbox/
http://benfrain.com/understanding-the-css3-flexbox-flexible-box-layout-module/
http://www.the-haystack.com/2012/01/04/learn-you-a-flexbox/
http://net.tutsplus.com/tutorials/html-css-techniques/an-introduction-to-css-flexbox/
网上还翻到一个幻灯片, 对整个布局的技术做了介绍:
http://zomigi.com/downloads/The-Future-of-CSS-Layout_FOWD_121022.pdf
但是到实用, 还得看 Mozilla 的文档, 有时间需要来整理一下
https://developer.mozilla.org/en-US/docs/CSS/Tutorials/Using_CSS_flexible_boxes
因为在 Webkit 上做 Demo 布局多少会用到, 几次纠结在这上边
留一个笔记, 以后有时间整个梳理一下, 方便查阅