flex布局技巧
Flex布局是一种强大而灵活的CSS布局方式，通过设置容器的display为flex，可以让子元素按照一定的规则自动分配空间。常用的一些技巧包括：使用flex-direction设置主轴方向，使用flex-wrap换行排列，使用justify-content和align-items调整子元素沿主、交叉轴的对齐方式，使用flex-grow和flex-shrink控制子元素的伸缩性，使用order调整子元素的显示顺序，使用flex-basis设置子元素的初始尺寸等。
这种布局方式非常适用于响应式设计，并且能够简化页面布局的复杂性。