diff options
| -rw-r--r-- | files/zh-cn/web/css/css_flexible_box_layout/basic_concepts_of_flexbox/index.html | 2 |
1 files changed, 1 insertions, 1 deletions
diff --git a/files/zh-cn/web/css/css_flexible_box_layout/basic_concepts_of_flexbox/index.html b/files/zh-cn/web/css/css_flexible_box_layout/basic_concepts_of_flexbox/index.html index ed92fecaef..a79c7d28ee 100644 --- a/files/zh-cn/web/css/css_flexible_box_layout/basic_concepts_of_flexbox/index.html +++ b/files/zh-cn/web/css/css_flexible_box_layout/basic_concepts_of_flexbox/index.html @@ -145,7 +145,7 @@ translation_of: Web/CSS/CSS_Flexible_Box_Layout/Basic_Concepts_of_Flexbox <h3 id="Flex_元素属性：_flex-shrink">Flex 元素属性： <code>flex-shrink</code></h3> -<p><code>flex-grow</code>属性是处理flex元素在主轴上增加空间的问题，相反<code>flex-shrink</code>属性是处理flex元素收缩的问题。如果我们的容器中没有足够排列flex元素的空间，那么可以把flex元素<code>flex-shrink</code>属性设置为正整数来缩小它所占空间到<code>flex-basis</code>以下。与<code>flex-grow属性一</code>样，可以赋予不同的值来控制flex元素收缩的程度 —— 给<code>flex-shrink</code>属性赋予更大的数值可以比赋予小数值的同级元素收缩程度更大。</p> +<p><code>flex-grow</code>属性是处理flex元素在主轴上增加空间的问题，相反<code>flex-shrink</code>属性是处理flex元素收缩的问题。如果我们的容器中没有足够排列flex元素的空间，那么可以把flex元素<code>flex-shrink</code>属性设置为正整数来缩小它所占空间到<code>flex-basis</code>以下。与<code>flex-grow</code>属性一样，可以赋予不同的值来控制flex元素收缩的程度 —— 给<code>flex-shrink</code>属性赋予更大的数值可以比赋予小数值的同级元素收缩程度更大。</p> <p>在计算flex元素收缩的大小时，它的最小尺寸也会被考虑进去，就是说实际上flex-shrink属性可能会和flex-grow属性表现的不一致。因此，我们可以在文章《<a href="/zh-CN/docs/Web/CSS/CSS_Flexible_Box_Layout/Controlling_Ratios_of_Flex_Items_Along_the_Main_Ax">控制Flex子元素在主轴上的比例</a>》中更详细地看一下这个算法的原理。</p> |