From d96f5562a34da8b64ef7b2070cc4680ea2a5df16 Mon Sep 17 00:00:00 2001 From: Picklebunker <44532916+Picklebunker@users.noreply.github.com> Date: Mon, 6 May 2019 20:54:30 -0400 Subject: [PATCH] Updated grammar and term consistency (#30694) --- ...nits-to-change-the-size-of-columns-and-rows.chinese.md | 8 ++++++-- 1 file changed, 6 insertions(+), 2 deletions(-) diff --git a/curriculum/challenges/chinese/01-responsive-web-design/css-grid/use-css-grid-units-to-change-the-size-of-columns-and-rows.chinese.md b/curriculum/challenges/chinese/01-responsive-web-design/css-grid/use-css-grid-units-to-change-the-size-of-columns-and-rows.chinese.md index 6ecf283c26..8f0fce3f4e 100644 --- a/curriculum/challenges/chinese/01-responsive-web-design/css-grid/use-css-grid-units-to-change-the-size-of-columns-and-rows.chinese.md +++ b/curriculum/challenges/chinese/01-responsive-web-design/css-grid/use-css-grid-units-to-change-the-size-of-columns-and-rows.chinese.md @@ -3,11 +3,15 @@ id: 5a9036ee38fddaf9a66b5d34 title: Use CSS Grid units to Change the Size of Columns and Rows challengeType: 0 videoUrl: '' -localeTitle: 使用CSS网格单位更改列和行的大小 +localeTitle: 使用CSS网格单位更改网格列和网格行的大小 --- ## Description -
您可以在CSS Grid中使用绝对和相对单位(如pxem来定义行和列的大小。您也可以使用这些: fr :将列或行设置为可用空间的一小部分, autoauto将列或行设置为其内容的宽度或高度, % :将列或行调整为百分比宽度它的容器。这是在预览中生成输出的代码:
grid-template-columns:auto 50px 10%2fr 1fr;
此代码段创建了五列。第一列与其内容一样宽,第二列是50px,第三列是其容器的10%,最后两列;剩下的空间分为三个部分,两个分配给第四列,一个分配给第五个。
+
您可以在CSS Grid中使用绝对性和相对性的单位(列如pxem)来定义网格行和网格列的大小。您也可以使用这些: +fr :将网格列或网格行设置为可用空间的一小部分 +auto :将网格列或网格行设置为其内容的宽度或高度 +% :将网格列或网格行调整为对应它的容器高宽度的百分比。 +这是输出下面预览的代码:
grid-template-columns:auto 50px 10%2fr 1fr;
此代码段创建了五个网格列。第一个网格列与其内容一样宽,第二个网格列是50px,第三个网格列是其容器的10%。到最后两个网格列时,剩下的空间被分为三个部分,两个部分配给第四个网格列,一个部分配配给第五个网格列。
## Instructions
创建一个包含三列的网格,其宽度如下:1fr,100px和2fr。