更多优质内容请关注微信公众号@web前端工程狮 每篇文章都会带示意图、详解、代码，关注我和我一起学前端~整理一下日常开发里常用的 弹性盒子（Flex Box）布局。

很难想象我曾经一度执着于用float、text-align、vertical-align等属性来解决元素居中对齐的问题，显然，很多场景是无法满足的。

一、Flex布局基础概念Flex布局是CSS3的新特性，是日常开发最常用的一种布局方式，避免了 float导致的布局塌陷、position: absolute脱离文档…。