依然是推荐链接：http://cssgridgarden.com/ alt

主要属性有:

  • grid-template-rows,grid-template-coumns(简写grid-template)

    单位有%、px、em,还有fr（倍）（将除前三个单位分配剩下的部分按比例分配），还可以使用repeat,如repeat(5,20%)

  • item项： grid-column-start、grid-column-end(简写grid-column)

    (grid-column-end值可为负数，可以比start小，还可以使用span指定个数，如grid-column-end:span 2)

  • grid-row同理，grid-row-start,grid-column-start,grid-row-end,grid-column-end的简写为grid-area

  • 简写时,值用‘/’分隔