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 →