CSS Tricks

TIP

属性相关解释请参考：https://juejin.im/entry/5894135c8fd9c5a19507f6a1

# column, row, gap

grid-column-gap:  
px
grid-row-gap:  
px
点击 grid-item 以改变其属性
grid-item-1

# 网格容器的 justify 和 align

gird-item1
gird-item2
gird-item3
gird-item4
justify-items:
align-items:
justify-content:
align-content:

# justify-self & align-self

gird-item
justify-self:  
align-self:    

← object-fit, object-position →