chore(i18n,curriculum): update translations (#43267)
This commit is contained in:
@ -9,7 +9,7 @@ dashedName: align-all-items-horizontally-using-justify-items
|
||||
|
||||
# --description--
|
||||
|
||||
有時你想讓 CSS 網格中的網格項共享對齊方式。 你可以像之前學習的那樣分別設置它們的對齊方式,也可以對網格容器使用 `justify-items` 使它們一次性沿水平軸對齊。 這個屬性能接受我們在之前兩個挑戰中學到的所有值作爲屬性值,但與之前不同的是,它會將網格中**所有**的網格項按所設置的方式對齊。
|
||||
有時你想讓 CSS 網格中的網格項共享對齊方式。 你可以像之前學習的那樣分別設置它們的對齊方式,也可以對網格容器使用 `justify-items` 使它們一次性沿水平軸對齊。 這個屬性能接受我們在之前兩個挑戰中學到的所有值作爲屬性值,但與之前不同的是,它會將網格中 **所有** 的網格項按所設置的方式對齊。
|
||||
|
||||
# --instructions--
|
||||
|
||||
|
@ -15,7 +15,7 @@ repeat 方法帶有一個名爲<dfn>自動填充(auto-fill)</dfn>的功能
|
||||
repeat(auto-fill, minmax(60px, 1fr));
|
||||
```
|
||||
|
||||
上面的代碼效果是這樣:首先,列的寬度會隨容器大小改變。其次,只要容器寬度不足以插入一個寬爲 60px 的列,當前行的所有列就都會一直拉伸。請自己調整寬度,動手試一下就不難理解了。 **注意:**如果容器寬度不足以將所有網格項放在同一行,餘下的網格項將會移至新的一行。
|
||||
上面的代碼效果是這樣:首先,列的寬度會隨容器大小改變。其次,只要容器寬度不足以插入一個寬爲 60px 的列,當前行的所有列就都會一直拉伸。請自己調整寬度,動手試一下就不難理解了。 **注意:** 如果容器寬度不足以將所有網格項放在同一行,餘下的網格項將會移至新的一行。
|
||||
|
||||
# --instructions--
|
||||
|
||||
|
@ -11,7 +11,7 @@ dashedName: create-flexible-layouts-using-auto-fit
|
||||
|
||||
`auto-fit` 效果幾乎和 `auto-fill` 一樣。 不同點僅在於,當容器的大小大於各網格項之和時,`auto-fill` 會持續地在一端放入空行或空列,這樣就會使所有網格項擠到另一邊;而 `auto-fit` 則不會在一端放入空行或空列,而是會將所有網格項拉伸至合適的大小。
|
||||
|
||||
**注意:**如果容器寬度不足以將所有網格項放在同一行,餘下的網格項將會移至新的一行。
|
||||
**注意:** 如果容器寬度不足以將所有網格項放在同一行,餘下的網格項將會移至新的一行。
|
||||
|
||||
# --instructions--
|
||||
|
||||
|
@ -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--
|
||||
|
||||
|
@ -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--
|
||||
|
||||
|
Reference in New Issue
Block a user