gaspersic/freeCodeCamp
1
0
Fork 0
Code Issues Pull Requests Projects Releases Wiki Activity

chore(i18n,curriculum): update translations (#43267)

Browse Source
This commit is contained in:
camperbot
2021-08-25 09:12:11 -07:00
committed by GitHub
parent 867044aa63
commit 673b1caa39
102 changed files with 451 additions and 404 deletions
Download Patch File Download Diff File Expand all files Collapse all files

2
curriculum/challenges/chinese-traditional/01-responsive-web-design/css-grid/align-all-items-horizontally-using-justify-items.md
View File

@ -9,7 +9,7 @@ dashedName: align-all-items-horizontally-using-justify-items
# --description--
有時你想讓 CSS 網格中的網格項共享對齊方式。 你可以像之前學習的那樣分別設置它們的對齊方式，也可以對網格容器使用 `justify-items` 使它們一次性沿水平軸對齊。 這個屬性能接受我們在之前兩個挑戰中學到的所有值作爲屬性值，但與之前不同的是，它會將網格中**所有**的網格項按所設置的方式對齊。
有時你想讓 CSS 網格中的網格項共享對齊方式。 你可以像之前學習的那樣分別設置它們的對齊方式，也可以對網格容器使用 `justify-items` 使它們一次性沿水平軸對齊。 這個屬性能接受我們在之前兩個挑戰中學到的所有值作爲屬性值，但與之前不同的是，它會將網格中 **所有** 的網格項按所設置的方式對齊。
# --instructions--

2
curriculum/challenges/chinese-traditional/01-responsive-web-design/css-grid/create-flexible-layouts-using-auto-fill.md
View File

@ -15,7 +15,7 @@ repeat 方法帶有一個名爲<dfn>自動填充（auto-fill）</dfn>的功能
repeat(auto-fill, minmax(60px, 1fr));
```
上面的代碼效果是這樣：首先，列的寬度會隨容器大小改變。其次，只要容器寬度不足以插入一個寬爲 60px 的列，當前行的所有列就都會一直拉伸。請自己調整寬度，動手試一下就不難理解了。 **注意：**如果容器寬度不足以將所有網格項放在同一行，餘下的網格項將會移至新的一行。
上面的代碼效果是這樣：首先，列的寬度會隨容器大小改變。其次，只要容器寬度不足以插入一個寬爲 60px 的列，當前行的所有列就都會一直拉伸。請自己調整寬度，動手試一下就不難理解了。 **注意：** 如果容器寬度不足以將所有網格項放在同一行，餘下的網格項將會移至新的一行。
# --instructions--

2
curriculum/challenges/chinese-traditional/01-responsive-web-design/css-grid/create-flexible-layouts-using-auto-fit.md
View File

@ -11,7 +11,7 @@ dashedName: create-flexible-layouts-using-auto-fit
`auto-fit` 效果幾乎和 `auto-fill` 一樣。 不同點僅在於，當容器的大小大於各網格項之和時，`auto-fill` 會持續地在一端放入空行或空列，這樣就會使所有網格項擠到另一邊；而 `auto-fit` 則不會在一端放入空行或空列，而是會將所有網格項拉伸至合適的大小。
**注意：**如果容器寬度不足以將所有網格項放在同一行，餘下的網格項將會移至新的一行。
**注意：** 如果容器寬度不足以將所有網格項放在同一行，餘下的網格項將會移至新的一行。
# --instructions--

2
curriculum/challenges/chinese-traditional/01-responsive-web-design/css-grid/create-your-first-css-grid.md
View File

@ -11,7 +11,7 @@ dashedName: create-your-first-css-grid
通過將屬性 `display` 的值設爲 `grid`，HTML 元素就可以變爲網格容器。 通過前面的操作，你可以對該容器使用與 CSS 網格（CSS Grid）相關的屬性。
**注意：**在 CSS 網格中，父元素稱爲<dfn>容器（container）</dfn>，它的子元素稱爲<dfn>項（items）</dfn>。
**注意：** 在 CSS 網格中，父元素稱爲<dfn>容器（container）</dfn>，它的子元素稱爲<dfn>項（items）</dfn>。
# --instructions--

2
curriculum/challenges/chinese-traditional/01-responsive-web-design/css-grid/reduce-repetition-using-the-repeat-function.md
View File

@ -31,7 +31,7 @@ grid-template-columns: repeat(2, 1fr 50px) 20px;
grid-template-columns: 1fr 50px 1fr 50px 20px;
```
**注意：**`1fr 50px` 重複了兩次，後面跟着 20px。
**注意：** `1fr 50px` 重複了兩次，後面跟着 20px。
# --instructions--