flex-shrink属性(css设置)

内容摘要：在网页设计中，要实现页面元素的自适应布局，动不动爱要在用到Flexbox布局模型。Flexbox可以提供了一组属性，让我们是可以随意地压制元素的排列、尺寸线和自由伸缩。其中，flex-shrink属性是个非常重要的...

5.假如所有元素的flex-shrink值都为0，它将不会向内收缩后，只不过是会等比例地撑满容器。

网页部分设计中，要能够实现页面元素的自不适应重新布局，动不动爱要在用到Flexbox重新布局建模。Flexbox也可以提供更多了一组属性，让我是也可以随便地压制元素的排列成、尺寸线和自由伸缩。其中包括，flex-shrink属性是个非常重要的属性，它最终决定了年空间严重不足以时，元素该该如何收缩。

1. flex-shrink 是什么？

flex-shrink属性得到一个非负整数值此外参数，默认值为1当空间严重不足时，元素的flex-shrink值判断了元素该你怎么收缩后，因而绝大部分元素的收缩后比例会被flex-shrink值的影响。

2. 怎样以及使用 flex-shrink

要使用flex-shrink属性，要将元素的displai属性该系统设置为flex或inline-flex接着再，进行设置里元素的flex-shrink值来完完全全以及控制其收缩比例。值越大，急剧收缩后比例越大。

3. flex-shrink 任务基本原理

当空间下降时，Flexbox重新布局会参照元素的flex-shrink值来也可以计算方法平均达元素的收缩后比例。例如，假如父容器宽度进一步缩小成了100px，而元素的flex-shrink值为2，那么说该元素将急剧收缩200px

4. 有关特别注意相关事项

需特别注意的是，非负整数值只改变了收缩后比例，而不取消元素的最大值宽度。假如该系统设置的flex-mold值为0，元素将不可以能被收缩。另，假如所有的元素的flex-shrink值都为0，这样它将肯定不会迅速收缩后，只不过是会等比例地撑满容器。

5. 一个实例： Flexbox 容器中使用 flex-shrink

题中我有一个Flexbox容器，容器中有三个子元素，它精灵被召唤宽度分别为1为400px，200px和300px，flex-shrink值各为1，2和3当容器的宽度忽然进一步缩小时，你是哪元素会原则其收缩后比例参与其中收缩后起来。第一个元素的收缩后比例为400，第二个元素的收缩后比例为400*2=800，第三个元素的收缩后比例为400*3=1200

回答解决：

1. flex-shrink 属性缺省值为多少？

2. flex-shrink 属性的值是怎么指定的

3. flex-shrink 属性最终决定了元素的啥基本特性？

4. flex-shrink 属性的任务基本原理是怎样的

5. 假如所有的元素的 flex-shrink 值都为 0，会发生什么？

问：

1.flex-shrink属性缺省值为1

2.flex-shrink属性的值这个也可以是三个非负整数，用来判断元素的收缩后比例。

3.flex-shrink属性做出最终决定了完空间严重不足时，元素的收缩后比例。

4.flex-shrink属性的任务基本原理是主要依据啥元素的flex-shrink值换算向内收缩后比例，并参照比例迅速收缩后元素的宽度。