flex布局技巧
Flex布局是一种强大而灵活的CSS布局方式，通过设置容器的display为flex，可以让子元素按照一定的规则自动分配空间。常用的一些技巧包括：使用flex-direction设置主轴方向，使用flex-wrap换行排列，使用justify-content和align-items调整子元素沿主、交叉轴的对齐方式，使用flex-grow和flex-shrink控制子元素的伸缩性，使用order调整子元素的显示顺序，使用flex-basis设置子元素的初始尺寸等。
这种布局方式非常适用于响应式设计，并且能够简化页面布局的复杂性。
flex布局优缺点
CSS3 弹性盒( Flexible Box 或 flexbox)，是一种当页面需要适应不同的屏幕大小以及设备类型时确保元素拥有恰当的行为的布局方式。
引入弹性盒布局模型的目的是提供一种更加有效的方式来对一个容器中的子元素进行排列、对齐和分配空白空间。
css3引入的flex布局优缺点：优点在于其容易上手，根据flex规则很容易达到某个布局效果。
缺点是：浏览器兼容性比较差，只能兼容到ie9及以上。
css flux布局的好处
css flux布局的好处
css flex布局的优点:flex布局使用方便，根据flex规则很容易达到一定的布局效果。css flex布局的缺点:浏览器兼容性差，只能兼容i1.什么是flex布局？
官方声明:Flex是Flexible Box的缩写，意思是“灵活布局”，用于为Box模型提供最大的灵活性。任何容器都可以指定为灵活布局。
民间说法:flex是一种布局，类似于block、inline-block等。
Flex是一种布局方法，用于确保页面需要适应不同的屏幕大小和设备类型时，元素具有适当的行为。
flex Box模块旨在提供一种更有效的方法来制作、调整和分发容器中的项目布局(基于一维)，即使它们的大小未知或动态。
优点:使用方便，根据flex规则很容易达到一定的布局效果。
缺点:浏览器兼容性比较差，只能兼容ie9及以上；