🔥码云GVP开源项目 12k star Uniapp+ElementUI 功能强大 支持多语言、二开方便! 广告
* 布局的传统解决方案,基于盒状模型,依赖display属性 +position属性 +float属性。它对于那些特殊布局非常不方便,比如,垂直居中就不容易实现。 * 2009年,W3C提出了一种新的方案—-Flex布局,可以简便、完整、响应式地实现各种页面布局。flex布局的主要思想是容器能够自动更改其项目的宽度、高度和顺序,以最好地方式填充可用空间(主要是适应所有类型的显示设备和屏幕尺寸)。 * 目前,它已经得到了所有浏览器的支持,这意味着,现在就能很安全地使用这项功能。 ![](https://img.kancloud.cn/52/94/5294af28c4ebac9d8d294e45ba4dfbb7_862x490.png) * Flex布局将成为未来布局的首选方案。本文介绍Flex布局的语法。