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內(nèi)的內(nèi)容
- align-self 沿著列軸
