更多优质内容请关注微信公众号@web前端工程狮 每篇文章都会带示意图、详解、代码，关注我和我一起学前端~整理一下日常开发里常用的 弹性盒子（Flex Box）布局。
很难想象我曾经一度执着于用float、text-align、vertical-align等属性来解决元素居中对齐的问题，显然，很多场景是无法满足的。
一、Flex布局基础概念Flex布局是CSS3的新特性，是日常开发最常用的一种布局方式，避免了 float导致的布局塌陷、position: absolute脱离文档…。
{dede:pagebreak/}
如何评价b站数码区up主 “大狸子切切里”? 
作为一个腰细腿粗的女生什么感觉？ 
为何雷军天天健身，却无健身痕迹? 
为什么 macOS 并不差，可市场总敌不过 Windows？ 
如何评价b站数码区up主 “大狸子切切里”? 
深圳的人口最终会剩下多少？ 
用K8s的公司有多少人会部署K8s？ 都说机械键盘的寿命长，为什么我身边（包含我自己）买的某些机械键盘反而没有薄膜键盘寿命长？ 
如何评价最新发布的 vivo X Fold5，作为首款「三防」折叠屏手机，都有哪些亮点值得关注？ 
能发一张在暧昧期的聊天记录吗？ 
特斯拉宣布将于 6 月 22 日开始 Robotaxi 公开试运营，这将对自动驾驶行业带来哪些影响？ 如何评价邹市明妻子冉莹颖？ 
为什么国内的uni***一直没人讨论呢？ 胸大的女孩会自卑 吗？ 
如何评价“独夫之心”这个博主? 
2025年6月，到底买油车还是电车？ 
