最近学习uniapp开发用到一个特别好用的布局

　　Flexbox布局大家听说过没有，因为我的粉丝里面大部分都是安卓开发，后面我写了部分flutter语言的东西有一部分跨端程序员，所以不确定大家都知道这个布局，今天我就简单介绍一下这个布局吧。Flexbox布局是啥
　　在Flexbox Layout（柔性盒）模块（W3C候选推荐为2017年10月）的目标是提供一种更有效的方式来布置，对齐和项目之间在一个容器中分配空间，即使它们的大小是未知的和/或动态的（因此单词＂ flex＂）。
　　flex布局背后的主要思想是使容器能够更改其项目的宽度/高度（和顺序），以最好地填充可用空间（主要是适应各种显示设备和屏幕尺寸）。Flex容器会扩展项目以填充可用的可用空间，或收缩它们以防止溢出。
　　最重要的是，与常规布局（基于垂直的块和基于水平的内联块）相比，flexbox布局与方向无关。尽管这些样式对于页面效果很好，但是它们缺乏灵活性（没有双关语）来支持大型或复杂的应用程序（尤其是在方向更改，调整大小，拉伸，缩小等方面）。
　　注意： Flexbox布局最适合应用程序的组件和小规模布局，而Grid布局则用于较大规模的布局。
　　由于flexbox是一个完整的模块，而不是单个属性，因此它涉及很多事情，包括其整个属性集。其中一些应放置在容器上（父元素，称为＂柔性容器＂），而其他一些则应放置在孩子上（称为＂柔性物品＂）。
　　如果＂常规＂布局是基于块和内联流方向，则柔性布局是基于＂柔性流向＂。请查看规范中的该图，解释flex布局背后的主要思想。
　　这个布局就是有个特点，就是利用主轴一个方向，而这个主轴的方向确定者就是flex自己，比如方向如果是X方向，或则Y方向来定下来的。主轴 –伸缩容器的主轴是伸缩项目沿其布置的主轴。当心，它不一定是水平的。它取决于flex-direction属性。主启动| main-end –伸缩项目从main-start到main-end放置在容器中。主要尺寸 –弹性商品的宽度或高度（以主要尺寸中的较大者为准）是该商品的主要尺寸。弹性项目的主要尺寸属性是＂宽度＂或＂高度＂属性，以主要尺寸为准。交叉轴 –垂直于主轴的轴称为交叉轴。其方向取决于主轴方向。交叉启动| 交叉端 – Flex线填充有物品，并从Flex容器的交叉起始端开始并朝交叉端侧放置到容器中。十字尺寸 –柔性物品的宽度或高度（以十字尺寸为准）是该物品的十字尺寸。十字尺寸属性是十字尺寸中＂宽度＂或＂高度＂中的任何一个。
　　总结
　　欢迎大家关注、点赞、分享是对我最大的支持，这样我才有动力哈，有了动力就可以不断的来写文章，来跟大家见面哈。这个布局写起来还是很顺手的，而且功能很强大，我现在每天都在用，好了，今天就聊到这里吧。