看到一个神奇的布局，啥都不说了 直接贴代码

要让main在中间，left在左边，可以通过Flex容器下的项目的属性“order”属性来设置：对于order属性：定义项目的排列顺序，越小越靠前，默认为0。

.通过项目属性flex-grow设置main的放大比例，将空余的空间用main来填充，使三个项目不满一整行；默认为0，也就是对剩余空间不做处理。

通过项目属性flex-basis 设置left和right的固定宽度

这样就实现了我们的目标，是不是很简单？这就是flex布局的魅力。。。

最新文章

1. MSSTDFMT.DLL无法注册的解决
2. Axure 7.0 正式版 + 汉化包 安装
3. 项目里面Swift和OC 交叉使用
4. [Redis]如何通过Powershell创建Redis服务
5. JavaScript: basis
6. core java 10~12(多线程 & I/O & Network网络编程)
7. 2015年校园招聘12家IT公司面试体验
8. SqlSugar常用增删改操作
9. python functools模块
10. 1105ecos笔记
11. MySQL引擎简述
12. 聊聊synchronized的锁问题
13. github 项目绑定自己的域名
14. Ubuntu通过apt-get安装指定版本和查询软件源有多少个版本
15. Vue.js库的第一天的学习
16. windows环境下memcache相关配置及PHP加载相应模块（php7版本）
17. CSS3之多列布局columns详解
18. SpringBoot配置logback
19. day2-课堂代码
20. Android ImageView，ImageButton 与 Button

热门文章

1. jquery JavaScript如何监听button事件
2. 奇点云数据中台技术汇（三）| DataSimba系列之计算引擎篇
3. Django连接SQL Server，安装相关扩展包及相关配置
4. django框架进阶-admin-长期维护
5. nonparametric method|One-Mean t-Interval Procedure|
6. shell制作bin文件
7. SpringBoot自动配置的原理
8. Nginx笔记总结十:Nginx日志切割
9. 配置Maven本地仓库
10. xstream的介绍及用法