From 522c9f0c7ae5b6655156f4d566c17e2dc0820840 Mon Sep 17 00:00:00 2001 From: LeoKu Date: Sat, 5 Mar 2022 17:17:47 +0800 Subject: fix typo --- .../controlling_ratios_of_flex_items_along_the_main_ax/index.html | 4 ++-- 1 file changed, 2 insertions(+), 2 deletions(-) diff --git a/files/zh-cn/web/css/css_flexible_box_layout/controlling_ratios_of_flex_items_along_the_main_ax/index.html b/files/zh-cn/web/css/css_flexible_box_layout/controlling_ratios_of_flex_items_along_the_main_ax/index.html index 82370bee3e..641efc718f 100644 --- a/files/zh-cn/web/css/css_flexible_box_layout/controlling_ratios_of_flex_items_along_the_main_ax/index.html +++ b/files/zh-cn/web/css/css_flexible_box_layout/controlling_ratios_of_flex_items_along_the_main_ax/index.html @@ -172,9 +172,9 @@ translation_of: >-

Giving items different flex-shrink factors

-

在 flex-grow值相同的情形下, 你可以给flex子元素 设置不同的 flex-shrink 值. 假如你想让一个flex子元素 比它的兄弟元素收缩的更快或更慢, 或者不在收缩, 这回改变它的默认行为.

+

flex-grow值相同的情形下, 你可以给flex子元素 设置不同的 flex-shrink 值. 假如你想让一个flex子元素 比它的兄弟元素收缩的更快或更慢, 或者不再收缩, 这会改变它的默认行为.

-

在下面的示例中第一个flex子元素设置 flex-shrink 的值为1, 第二个为 0 (因此它将不会收缩), 第三个为 4. 第三个flex子元素比第一个收缩的更快. 任意设置不懂的值 — 你可以给 flex-grow 使用小数或者大一点的数. 选择对于你来说任意合理的数.

+

在下面的示例中第一个flex子元素设置 flex-shrink 的值为1, 第二个为 0 (因此它将不会收缩), 第三个为 4. 第三个flex子元素比第一个收缩的更快. 任意设置不同的值 — 你可以给 flex-grow 使用小数或者大一点的数. 选择对于你来说任意合理的数.

{{EmbedGHLiveSample("css-examples/flexbox/ratios/flex-shrink-ratios.html", '100%', 570)}}

-- cgit v1.2.3-54-g00ecf