Flex是一种弹性布局，可以让元素在一行或多行中自动排列，并且可以根据屏幕大小自动调整元素的大小和位置。 使用Flex的步骤：
- 在父元素上设置显示： flex;
- 设置flex-direction属性，用于控制元素的排列方向，可以设置为row（水平排列）或column（垂直排列）。
- 设置justify-content属性，用于控制元素在主轴上的对齐方式，可以设置为flex-start（左对齐）、center（居中对齐）、flex-end（右对齐）等。
- 设置align-items属性，用于控制元素在交叉轴上的对齐方式，可以设置为stretch（拉伸）、center（居中对齐）、flex-start（顶部对齐）、flex-end（底部对齐）等。
- 设置flex-wrap属性，用于控制元素是否换行，可以设置为nowrap（不换行）、wrap（换行）等。
- flex：0，1是Flexbox布局中的一个属性，用于控制元素的大小和位置。 flex：0表示元素的大小将不会被拉伸，而flex：1表示元素的大小将会被拉伸，以适应父容器的大小。
