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
恢复初始状态