使用flex布局，有哪些意想不到的收获？

Flex布局作为前端开发中的新星。凭借其简洁、高效和响应式的特性，让许多开发者在项目中大放异彩。

1️⃣ 你曾因 Float 布局而头疼的那些事

传统 Float 布局在实现复杂网格、垂直居中或自适应宽度时需要编写大量冗长代码，而且频繁出现兼容性问题：

• 需要手动清除浮动
• 对齐方式受限。难以做到“水平居中 + 垂直居中”
• 不同浏览器表现不一致，调试成本高

Flex 布局只需在容器上添加一个display:flex声明，即可轻松解决这些痛点。