grid-column-start（起始）grid-column-end（結束，span 屬性，數值前加 span 表示的是網格大小）
水平方向上佔據的起始位置和結束位置（最左邊的線是1，最上邊的線是1）
簡寫：grid-column：1 / 1；
grid-row-start（起始）grid-column-end（結束，span 屬性，同上）
垂直方向上的起始和結束位置（）
簡寫：grid-row：1 / span 1；
grid-area：水平起始 / 垂直起始 / 水平結束 / 垂直結束；
justify-self：
單個網格元素的水平對齊方式
align-self：
單個網格元素的垂直對齊方式
place-self：
dlign-self 和 justify-self 的縮寫
Grid網格布局
前言 就目前為止，css的grid和flexbox結合將是解決布局的最佳方案。雖然瀏覽器對css grid和flexbox的屬性未完全支援，但對於實現布局而言，這已是一種非常完美的結合。如果css box alignment module level3能得到更好的支援的話，那麼對於web的布局將是一...
Grid網格布局
flex 布局是軸線布局，只能指定 專案 針對軸線的位置，可以看作是一維布局。grid 布局則是將容器劃分成 行 和 列 產生單元格，然後指定 專案所在 的單元格，可以看作是二維布局。grid 布局遠比 flex 布局強大。可以使用repeat repeat 3,33.33 定義三列，每一列為33....
grid網格布局
1.1 容器和專案 採用網格布局的區域，稱為 容器 container 容器內部採用網格定位的子元素，稱為 專案 item 1.2 行和列 容器裡面的水平區域稱為 行 row 垂直區域稱為 列 column 1.3 單元格 行和列的交叉區域，稱為 單元格 cell 正常情況下，n行和m列會產生n x...