style flex

"flex"是CSS中用于创建灵活的布局的属性。它是CSS Flexible Box Layout（弹性盒子布局）的缩写。通过设置元素的"flex"属性，可以控制元素在容器中的伸缩性和对齐方式。

"flex"属性有三个子属性：

1. flex-grow：设置元素的伸展比例，默认值为0。如果容器中有多个元素，并且它们的flex-grow值不为0，那么它们将按照比例分配剩余的空间。

2. flex-shrink：设置元素的收缩比例，默认值为1。如果容器中的空间不足，且元素的flex-shrink值不为0，则元素将按照比例缩小。

3. flex-basis：设置元素在主轴上的初始大小，默认值为auto。可以指定具体数值（如px、em等）或百分比来设置元素的初始大小。

除了"flex"属性之外，通常还需要结合其他属性来实现灵活布局：

- flex-direction：指定主轴的方向，可以是row（水平方向）、column（垂直方向）等。
- justify-content：指定元素在主轴上的对齐方式，如flex-start（靠左对齐）、center（居中对齐）等。
- align-items：指定元素在交叉轴上的对齐方式，如flex-start（靠上对齐）、center（居中对齐）等。

通过灵活运用这些属性，可以创建出各种自适应的布局效果。