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

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

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