部分單位概況

除法（或分數單位）對我們的生活有重大影響。為什麼？因為它們提供了最大的多功能性和適應性！它們處理網格劃分，同時也考慮網格之間的空間。您可以在任何使用網格的地方合併 FR 單元，並考慮到快速堆疊元素使用網格，您可以在自訂快速堆疊時使用 FR 單元。

什麼是分數 (1FR)？

分數或 1FR 代表整體的單一部分。單一 1FR 部分相當於 100% 的可用空間。對於兩個 1FR 部分，每個部分包含 50% 的可用空間。因此，在這種情況下，1FR 等於可用空間的一半。假設有 250 個 1FR 分數？每個分數 (1FR) 等於 1/250 或 0.4%。

• 以分數表示：1FR = 1/FR 總數
• 以百分比表示：1FR = 100/FR 總數

那麼，2 個分數 (2FR) 是什麼？

兩個分數或 2FR 代表整體的兩個部分。因此，如果您有 1FR + 1FR + 2FR，則 1FR 分數分別為 25%，而 2FR 分數則表示 50%。

分數而不是百分比

使用百分比

假設您的目標是建立一個包含 4 列的網格，每列大小相同並佔據整個可用區域。您可以將 100 除以 4 為每列分配 25% 的寬度。

但是，如果您希望將一列放大為其他列大小的兩倍呢？在這種情況下，您將獲得 2X + X + X + X，其中 X 仍為 25%，總共為 125%。如果將一列的寬度變更為 50%，則列將超出可用空間 25%。由於列的寬度是以百分比形式確定的，因此您必須重新校準寬度值並再次重新調整每個列的大小。

想像一下想要介紹另一篇專欄。現在，5 列的總數應為 100。因此，每一項都必須是 100/5 = 20%。您必須更新每列的值，以避免它們溢出可用空間。

每次您需要包含或刪除列、修改行或列的大小、合併間隙或在使用百分比時更改間隙大小時，您都需要重新計算每列的大小並重新實現新的大小值以每列。

使用分數 (FR)

再次假設您希望網格包含 4 列，每列大小相等，並佔據整個可用空間。為了實現這一點，建立 4 個列。就這樣！預設情況下，每列的寬度為 1FR，它們將拉伸以利用可用空間。

如果您希望一列的大小是其他列的兩倍，只需將其指定為 2FR — 等於整體的 2 部分。其餘的柱子仍設置在 1FR，每個柱子佔據整體的一部分。

新增或刪除行或列

如果您想要追加或刪除行或列，則無需調整其大小即可執行此操作。有了FR，行和列就會自然調整。

合併或改變間隙

透過使用 FR 單位，您可以在網格中包含間隙，並且行和列將自動調整。

FR及內容

當行或列單元格內包含的內容是可適應的（即，能夠縮放以適合列或行）時，1FR 表示整體的一部分。然而，一旦內容停止縮放，具有 FR 值的行或列將進行調整以適應內容。其他列和行將按比例縮小。

• 應該 柱子 包含具有固定寬度的網格子項，列的寬度將始終等於或超過網格子項的寬度。此外，列的寬度永遠不會小於文字元素中最長的單字。您可以透過將溢位：隱藏套用至網格子項目來消除此問題。
• 如果一個 排 具有固定高度的網格子項，行的高度將永遠等於或超過網格子項的高度。您可以透過使用溢位：隱藏在網格子項目上來解決此問題。

最小/最大

FR 會自動建立符合所附內容的最小值。因此，對於 FR，最小值是自動的（即 auto），最大值對應於您設定的值（例如，1FR、2FR 等）

您可以透過從 預設 到 最小/最大 為了 漿紗。最大值為 1FR，最小值可以是您選擇的任何值。但是，請注意，任何固定寬度超出指定最小值的內容都會溢位格。