更多優質內容請關注微信公眾號@web前端工程獅 每篇文章都會帶示意圖、詳解、代碼，關注我和我一起學前端~整理一下日常開發里常用的 彈性盒子（Flex Box）布局。

很難想象我曾經一度執著于用float、text-align、vertical-align等屬性來解決元素居中對齊的問題，顯然，很多場景是無法滿足的。

一、Flex布局基礎概念Flex布局是CSS3的新特性，是日常開發最常用的一種布局方式，避免了 float導致的布局塌陷、position: absolute脫離文檔…。