Flex布局
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
开发工具与关键技术：DW
作者：黄海浪
撰写时间：2019年1月25日
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
Flex布局意为弹性布局，用来为盒模型提供最大的灵活性，同时使用弹性布局的盒模型会有一个效果，就是当窗口的可视区域的宽度发生变化的时候，盒模型也会随之改变，调整。
如图所视，当可视区域宽度变小的时候，盒模型会随之调整换行，当宽度小到一定程度会怎么样呢，请看下图：
现在看到的是当可视区域宽度小到一定程度就会被压缩。
来看一下在怎么写弹性布局
只要在盒模型的代码里面写display然后指定为flex布局就行，行内元素就用inline-flex
然后就可以在里面写一些属性达成想要的效果
这些属性可以让我们灵活的完成各种效果。