在 CSS 中，flex: 1 和 flex: auto 是用于设置 Flexbox 布局中弹性项的属性。
它们有一些细微的区别：
当使用 flex: 1 时，弹性项不会考虑其内容的大小，而是将可用空间平均分配给所有弹性项。每个弹性项将获得相同的空间，无论其内容的大小如何。
相比之下，使用 flex: auto 时，弹性项会考虑其初始大小（基于内容的大小）。具有较大内容的弹性项将占用更多的空间，以适应其内容的尺寸。这意味着内容较大的弹性项将获得更多的空间，而内容较小的弹性项将获得较少的空间。
