Flexbox布局大家听说过没有，因为我的粉丝里面大部分都是安卓开发，后面我写了部分flutter语言的东西有一部分跨端程序员，所以不确定大家都知道这个布局，今天我就简单介绍一下这个布局吧。

Flexbox布局是啥

在Flexbox Layout（柔性盒）模块（W3C候选推荐为2017年10月）的目标是提供一种更有效的方式来布置，对齐和项目之间在一个容器中分配空间，即使它们的大小是未知的和/或动态的（因此单词“ flex”）。

flex布局背后的主要思想是使容器能够更改其项目的宽度/高度（和顺序），以最好地填充可用空间（主要是适应各种显示设备和屏幕尺寸）。Flex容器会扩展项目以填充可用的可用空间，或收缩它们以防止溢出。

最重要的是，与常规布局（基于垂直的块和基于水平的内联块）相比，flexbox布局与方向无关。尽管这些样式对于页面效果很好，但是它们缺乏灵活性（没有双关语）来支持大型或复杂的应用程序（尤其是在方向更改，调整大小，拉伸，缩小等方面）。

注意： Flexbox布局最适合应用程序的组件和小规模布局，而Grid布局则用于较大规模的布局。

由于flexbox是一个完整的模块，而不是单个属性，因此它涉及很多事情，包括其整个属性集。其中一些应放置在容器上（父元素，称为“柔性容器”），而其他一些则应放置在孩子上（称为“柔性物品”）。

如果“常规”布局是基于块和内联流方向，则柔性布局是基于“柔性流向”。请查看规范中的该图，解释flex布局背后的主要思想。

这个布局就是有个特点，就是利用主轴一个方向，而这个主轴的方向确定者就是flex自己，比如方向如果是X方向，或则Y方向来定下来的。

总结

欢迎大家关注、点赞、分享是对我最大的支持，这样我才有动力哈，有了动力就可以不断的来写文章，来跟大家见面哈。这个布局写起来还是很顺手的，而且功能很强大，我现在每天都在用，好了，今天就聊到这里吧。