Flex 布局教程：语法篇

语法：

http://www.ruanyifeng.com/blog/2015/07/flex-grammar.html

实例：

http://www.ruanyifeng.com/blog/2015/07/flex-examples.html

https://www.cnblogs.com/lynnmn/p/6262941.html (入门）

兼容ie10写法：

display: -webkit-box; /* OLD - iOS 6-, Safari 3.1-6 */
display: -moz-box; /* OLD - Firefox 19- (buggy but mostly works) */
display: -ms-flexbox; /* TWEENER - IE 10 */
display: -webkit-flex; /* NEW - Chrome */
display: flex; /* NEW, Spec - Opera 12.1, Firefox 20+ */

display: -webkit-box; 
display: -moz-box;
display: -ms-flexbox; 
display: -webkit-flex;
display: flex;