grid-column:
左右邊框所在的垂直網格線區間,是 grid-column-start 和 grid-column-end 的簡寫:
auto
1 / 2
1 / 3
2 / 4
3 / 6
grid-row:
上下邊框所在的垂直網格線區間,是 grid-row-start 和 grid-row-end 的簡寫:
auto
1 / 2
1 / 3
2 / 3
2 / 4
grid-area:
項目放置區域:grid-row-start / grid-column-start / grid-row-end / grid-column-end:
auto
1 / 2 / 3 / 4
2 / 3 / 3 / 6
2 / 3 / 5 / 4
justify-self:
設置單元格內容的水平位置(左中右):
stretch
start
end
center
place-self 屬性是 align-self 和 justify-self 屬性合并簡寫形式。
align-self:
設置單元格內容的垂直位置(上中下):
stretch
start
end
center
place-self 屬性是 align-self 和 justify-self 屬性合并簡寫形式。
order:
排列順序,數字越大,越靠后,默認0,取值 1、2、3 …… :
0
1
恢復初始狀態