6.網格項目

https://www.w3.org/TR/css-grid-1/#grid-items (文件還沒看完...以下翻譯還沒有解釋到上面的重點)

寬容地說，在 grid container (網格容器)中，grid item 代表其流入 (in-flow) 容器的盒子。 且每個流入 (in-flow) 的子元素，都會變成 grid item。

他的 "contiguous sequence (連續序列)" 的 "text run" 是被包裹在一個 (匿名) 塊級的 grid item。

CSS 將來源 document 解釋為一個由 "elements" 和 "text nodes" 組成的樹狀結構。 ...... 每個同層 text nodes 的連續序列，生成一個 "text run" 包含著 "text contents (文本內容)"，且被賦予與生成他們的 "text nodes" 一樣的樣式。 如果該序列沒有包含文字，那它就不會生成 "text run"。

以上看 link 中範例可以知道...

若像文本這樣的直接子元素，看起來會像被包裹在一個 (匿名) 塊級的 grid item。

• 元素間空白消失：他不會變成一個 grid item，即使看起來，文本被包裝在匿名的網格項中。
• 同理，也無法被賦予樣式，他會繼承網格容器的設定。

然而，若一個子元素序列 包含 (contains only) 了空白 (即，會受到 white-space 屬性影響），它反而不會呈現 (就像它的 text nodes 是 display：none 一樣)。

6.1. Grid Item Display

一個 grid item 會把自己的內容物，重新格式化成一個新的。 格式化後的類型，如往常，取決於原本元素的 display 屬性。

然而 grid items 是 "grid-level boxes" 非 "block-level boxes"， grid item 的 display 值是被 blockified (?) 的： 若特別指定 "一個元素中的 'in-flow 子元素'" (e.g. grid item) 的 display， 會生成一個 inline-level 的"網格容器"， 而他計算時，他會把自己當成 "block-level" 容器。