写在父盒子上 (1)grid-template-columns:100px auto 100px repeat(3,1fr) repeat(auto-fill,100px) minmax(150px,1fr) //网格线 grid-template-columns:[c1] 100px [c2] 100px [c3] 100px [c4] (2)grid-template-rows (3)row-gap/column-gap:间距 (4)grid-template-areas:'a b c' 'd e f' (5)grid-auto-flow:排列方向 (6)justify-items/align-items //组合形式为:place-items (7)justify-content/align-content:定义容器的对齐方式 (8)grid-auto-rows 写在子盒子上 (1)grid-column-start/end:占用第strat和第end网格线 根据网格线指定item位置 (2)grid-row-start/end (3)justify-selt/align-self/place-self 仅设置单个项目