Flex 布局教程：语法篇

写在前面：本文转自阮一峰的博客。感觉写的非常清晰，就转了。感谢前辈。

转载的地址为：http://www.ruanyifeng.com/blog/2015/07/flex-grammar.html

作者：阮一峰。

 Flex 布局教程：语法篇

布局的传统解决方案，基于盒状模型，依赖 display属性 + position属性 + float属性。它对于那些特殊布局非常不方便，比如，垂直居中就不容易实现。

2009年，W3C提出了一种新的方案----Flex布局，可以简便、完整、响应式地实现各种页面布局。目前，它已经得到了所有浏览器的支持，这意味着，现在就能很安全地使用这项功能。

以下内容主要参考了下面两篇文章：A Complete Guide to Flexbox 和 A Visual Guide to CSS3 Flexbox Properties。

一、Flex布局是什么？

Flex是Flexible Box的缩写，意为"弹性布局"，用来为盒状模型提供最大的灵活性。

任何一个容器都可以指定为Flex布局。

1. .box{display: flex;}

原标题：Flex 布局教程：语法篇

关键词：