hooyantsing's Blog

P141_15_元素定位简写操作

字数统计: 65阅读时长: 1 min
2020/04/20

P141 15 元素定位简写操作

定位简写

grid-row

相当于grid-row-start和grid-row-end。

1
2
//grid-row: -start / -end
grid-row: 3 / 4;

grid-column

相当于grid-column-start和grid-column-end。

1
2
//grid-column: -start / -end
grid-column: 3 / 4;

例:

51fcf5250f895e8f9fef8ed0fc86a779.png

1、根据线定位。

eb7bddfccf89f2c60d66a3d3124e9b9e.png

2、根据偏移量。

d4f6b658fe6f28b37afc45a5429fa17f.png

CATALOG