grid items

• grid-column-start <number> | <name> | <span number> | <span name>

• grid-column-end

• grid-row-start

• grid-row-end

  合写

• grid-column: <start-line> / <end-line> | <start-line> / span <value>;

• grid-row: <start-line> / <end-line> | <start-line> / span <value>;

  .a{ grid-row: 1/span 2;}

• grid-area: <name> | <row-start> / <column-start> / <row-end> / <column-end>; 在grid-template-areas中定义的name 或者 起始终止Grid Line的合写

  .a{grid-area: 2 /2 /4/span 2;}

• justify-self 沿着行轴对齐Grid内的内容
• align-self 沿着列轴