我認為當flexbox支援所有的瀏覽器時，由於它比浮動布局更加的簡單和強大性，它將徹底的改變我們的css
布局方式。例如我們可以很容易的寫出乙個元素在未知比例下的居中對齊布局。當然css3
新增的其它屬性，例如grid也可以給前端開發
帶來更多的布局方式。
下面給出一些例子來證明為什麼web
開發者應該使用flexbox布局。
在前面的文章裡面：flexbox基礎教程，flexbox完整版教程。我們給出了給出了關於flexbox的許多實際應用：
簡單三欄布局（相容版）
居中對齊
自適應導航
移動優先三欄布局
今天繼續分享更多的彈性布局
模型，在新的例子中，我們只使用最新的語法display:flex和flex-*相關語法，如果你需要考慮相容性，可以檢視簡單版的例子。
form檢視演示：formlabel
input, textarea
…
.latest-items檢視演示：**排列.latest-item
.latest-item img
it is extremely difficult…
body檢視演示：垂直水平居中.content
參考文章：
17 flexbox彈性盒模型
flexbox彈性盒模型 給父級新增flex display flex 換行 flex wrap wrap flex direction 元素主軸的方向，預設值row，從左到右 row reverse 從右到左 column從上到下 column reverse 從下到上 flex directio...
彈性布局FlexBox
css3 彈性盒子 flexible box 或 flexbox 是一種 用於在頁面上布置元素的 布局模式 使得當頁面布局必須適應不同的螢幕尺寸和不同的顯示裝置時，元素可 地執行。對於許多應用程式，彈性盒子模型提供了對塊模型的改進，因為它不使用浮動，flex容器的邊緣也不會與其內容的邊緣摺疊。許多設...
Flex Box 彈性布局
flex box 彈性布局 main axis main start main end main size cross axis cross start cross end cross size 6個容器的屬性 flex direction row 預設值 主軸為水平方向,起點在左端.row rev...