chore(i18n,learn): processed translations (#45504)

This commit is contained in:
camperbot
2022-03-23 19:52:04 +05:30
committed by GitHub
parent dbb7f309a7
commit 3add6077ad
162 changed files with 2383 additions and 826 deletions

View File

@ -17,7 +17,7 @@ flex 子元素有時不能充滿整個 flex 容器, 所以我們經常需要
對於如何沿主軸線排放 flex 項目,有幾種選擇。 很常用的一種是 `justify-content: center;`:即 flex 子元素在 flex 容器中居中排列。 其他選擇包括:
<ul><li><code>flex-start</code>:從 flex 容器的起始位置開始排列項目。 對行來說是把項目移至左邊, 對於列是把項目移至頂部。 如未設置 <code>justify-content</code> 的值,那麼這就是默認值。</li><li><code>flex-end</code>:從 flex 容器的終止位置開始排列項目。 對行來說是把項目移至右邊, 對於列是把項目移至底部。</li><li><code>space-between</code>:項目間保留一定間距地沿主軸居中排列。 第一個和最後一個項目被放置在容器邊沿。 例如,在行中第一個項目會緊貼着容器左邊,最後一個項目會緊貼着容器右邊,然後其他項目均勻排布。</li><li><code>space-around</code>:與<code>space-between</code>相似,但頭尾兩個項目不會緊貼容器邊緣,所有項目之間的空間均勻排布。</li><li><code>space-evenly</code>頭尾兩個項目不會緊貼容器邊緣,所有項目之間的空間均勻排布</li></ul>
<ul><li><code>flex-start</code>:從 flex 容器的起始位置開始排列項目。 對行來說是把項目移至左邊, 對於列是把項目移至頂部。 如未設置 <code>justify-content</code> 的值,那麼這就是默認值。</li><li><code>flex-end</code>:從 flex 容器的終止位置開始排列項目。 對行來說是把項目移至右邊, 對於列是把項目移至底部。</li><li><code>space-between</code>:項目間保留一定間距地沿主軸居中排列。 第一個和最後一個項目被放置在容器邊沿。 例如,在行中第一個項目會緊貼着容器左邊,最後一個項目會緊貼着容器右邊,然後其他項目均勻排布。</li><li><code>space-around</code>:與<code>space-between</code>相似,但頭尾兩個項目不會緊貼容器邊緣,所有項目之間的空間均勻排布。</li><li><code>space-evenly</code>在 flex 項目之間均勻分配空間,在 flex 容器的任一端都有一個完整的空間</li></ul>
# --instructions--

View File

@ -9,7 +9,7 @@ dashedName: use-the-flex-wrap-property-to-wrap-a-row-or-column
# --description--
CSS flexbox 有一個把 flex 子元素拆分爲多行(或列)的特性。 默認情況下flex 容器會調整項目大小,把它們都塞到一起。 對於行來說,所有項目都會在一條直線上。
CSS flexbox 具有將 flex 容器拆分爲多行(或列)的功能。 默認情況下flex 容器會調整項目大小,把它們都塞到一起。 對於行來說,所有項目都會在一條直線上。
不過,使用 `flex-wrap` 屬性可以使項目換行展示。 這意味着多出來的子元素會被移到新的行或列。 換行發生的斷點由子元素和容器的大小決定。