CSS弹性布局(Flexbox)是一种强大的布局模型，通过设置弹性容器(display:flex)和弹性项目属性，可以灵活控制元素的排列方式。弹性容器属性包括flex-direction(主轴方向)、flex-wrap(换行)、justify-content(主轴对齐)等；弹性项目属性包括order(排序)、flex-grow(放大比例)、flex-shrink(缩小比例)等。Flex布局通过主轴