# Flex應用場景 ## 網頁布局（layout）是 CSS 的一個重點應用。  * 布局的傳統解決方案，基于[盒狀模型](https://developer.mozilla.org/en-US/docs/Web/CSS/box_model)，依賴 [`display`](https://developer.mozilla.org/en-US/docs/Web/CSS/display) 屬性 + [`position`](https://developer.mozilla.org/en-US/docs/Web/CSS/position)屬性 + [`float`](https://developer.mozilla.org/en-US/docs/Web/CSS/float)屬性。它對于那些特殊布局非常不方便，比如，[垂直居中](https://css-tricks.com/centering-css-complete-guide/)就不容易實現。  * 2009年, W3C提出一個新方案: Flex布局 * 可簡更加的簡單的實現,響應式的布局, 并且得到了幾乎所有瀏覽器的支持, 所以請放心大膽的用吧  * 所以, Flex必將成為未來布局的首選方案, 下節課咱們就來詳細介紹一下它的基本語法知識