栅格布局演示
item1
item2
item3
item4
item5
- grid-template-columns
- none
- 3fr 1fr
- grid-template-rows
- none
- 3fr 1fr
- justify-items
- auto
- normal
- start
- end
- center
- stretch
- baseline
- align-items
- auto
- normal
- start
- end
- center
- stretch
- baseline
- 【item1】justify-self
- auto
- normal
- start
- end
- center
- stretch
- baseline
- 【item1】align-self
- auto
- normal
- start
- end
- center
- stretch
- baseline